Skip to main content
Open to opportunities

Joh Magok
Kuerang

Frontend Developer & Computer Science Student

Building accessible, scalable web applications with React and modern JavaScript. Focused on clean component architecture, real-time data interfaces, and inclusive design that works for everyone.

GitHubLinkedIn
5+Projects Built
WCAG 2.1Accessibility Standard
3.3+ GPAComputer Science
2025Microgrant Winner
Work

Featured Projects

A selection of work spanning frontend applications, data platforms, and accessible web experiences.

Screenshot of Interactive Dashboard Web App
Sep 2025 – Dec 2025

Interactive Dashboard Web App

A real-time analytics dashboard built with React and REST APIs for exploring data through interactive charts and filterable tables.

  • Integrated RESTful APIs to fetch and display real-time data with loading states and error handling
  • Applied SASS for modular and maintainable styling with variables, mixins, and responsive breakpoints
ReactJavaScriptSASSREST APIsGitHub Copilot
Screenshot of Cybersecurity Awareness Platform
Impact Microgrant Winner 2025
Jan 2025 – Apr 2025

Cybersecurity Awareness Platform

An accessible web-based educational platform for the Cybersecurity for Seniors initiative, designed for elderly users with varying technical abilities.

  • Created accessible UI components following WCAG guidelines to serve elderly users with varying technical abilities
  • Implemented responsive design patterns ensuring consistent experience across all device sizes
HTML5CSS3JavaScriptWCAGAgileGit
Screenshot of Personal Portfolio Website
Jan 2026 – Present

Personal Portfolio Website

A responsive single-page portfolio website built with React to showcase projects, skills, and professional experience.

  • Implemented component-based architecture with reusable UI components and React state management
  • Ensured full accessibility compliance (WCAG 2.1) across mobile, tablet, and desktop viewports
ReactTypeScriptCSS3WCAG 2.1GitVite
Screenshot of IMIX Data Analytics Capstone
Jan 2025 – Apr 2025

IMIX Data Analytics Capstone

Interactive data-driven dashboard interfaces built with Power BI and Python, analyzing multi-source datasets and delivering visual analytics to senior audiences.

  • Identified 3 key behavioral drivers that were adopted into client strategy
  • Applied UI/UX design principles to structure complex data into clear, navigable visualizations
Power BIPythonData VisualizationAgile
Screenshot of Knowledge Repository Interface
Oct 2024 – Apr 2025

Knowledge Repository Interface

Interactive web-based interfaces for a secure knowledge repository managing 500+ confidential records using SharePoint and front-end web technologies.

  • Reduced processing time by 40% through automated data validation workflows
  • Achieved full audit compliance with zero compliance violations across 500+ records
SharePointHTML5CSS3PythonSQL
Expertise

Technical Skills

A full-stack of tools and technologies I use to build, ship, and maintain production-quality web applications.

Front-End Development

ReactJavaScript (ES6+)HTML5CSS3SASSTypeScriptResponsive DesignAccessibility (WCAG)State ManagementComponent Architecture

Programming & Tools

Git & GitHubNode.jsPythonSQLREST APIsnpmVS CodeJSON

Methodologies & Concepts

Agile / ScrumOOPVersion ControlDesign SystemsWeb Dev Best Practices

AI & Data

GitHub CopilotClaude AIMicrosoft CopilotPower BIData VisualizationKPI Reporting
Hover badges to explore
Background

Experience

  1. Role

    Information Systems Assistant

    School of Education, Trent University

    Oct 2024 – Apr 2025
    • Designed and built interactive web-based interfaces for a secure knowledge repository managing 500+ confidential records with zero compliance violations
    • Developed automated data validation workflows using Python and SQL scripting, reducing processing time by 40%
    • Coordinated with cross-functional teams to resolve 15 data migration issues, achieving full audit compliance
    • Created executive-ready quality assurance reports and UI-driven dashboards for senior stakeholders
    SharePointHTML5CSS3PythonSQLData Visualization
  2. Capstone

    Data Analytics Capstone — IMIX Project

    University of Toronto

    Jan 2025 – Apr 2025
    • Built interactive, data-driven dashboard interfaces using Power BI and Python, analyzing multi-source datasets
    • Applied UI/UX design principles to structure complex data into clear, navigable visualizations
    • Identified 3 key behavioral drivers adopted into client strategy
    • Presented technical findings to cross-functional stakeholders in an Agile team environment
    Power BIPythonData VisualizationAgileStakeholder Communication
  3. Role

    Student Ambassador

    Champlain College, Trent University

    Jan 2024 – Present
    • Developed and maintained web-based tools and databases to manage student records
    • Created data visualizations and concise reports for leadership
    • Implemented standardized protocols that reduced enrollment errors by 50%
    • Increased event attendance by 30% through data-driven process improvements
    Web ToolsDatabasesData VisualizationProcess Improvement

Education

Bachelor of Science — Computer Science and Business Administration

Trent University

Sep 2023 – Present · GPA 3.3+

Web DevelopmentSoftware EngineeringObject-Oriented ProgrammingData Structures and AlgorithmsDatabase ManagementInformation SystemsPython for Data ScienceStatistics

Honours & Awards

  • Alena Heitlinger Leadership Scholarship

    2025

  • Alena Heitlinger Academic Scholarship

    2024

  • Impact Microgrant Winner — Cybersecurity for Seniors

    2025

  • Certificate of Excellence, Champlain College

    2023–2024

Abstract digital representation of a developer — glowing network nodes forming a human silhouette
About

The Story

I'm a Computer Science and Business Administration student at Trent University, Peterborough, where I maintain a 3.3+ GPA while building real-world web applications that solve genuine problems. My path into frontend development started with a simple curiosity: how do you turn complex data into something people can actually understand and use?

That question led me to React, REST APIs, and the craft of accessible design. At Trent's School of Education, I built interfaces managing 500+ confidential records and automated workflows that cut processing time by 40%. Through the IMIX Data Analytics Capstone at the University of Toronto, I learned to translate raw data into strategic insights for senior stakeholders.

My Cybersecurity Awareness Platform — built for seniors with varying technical abilities — won the 2025 Impact Microgrant. That project taught me that the best interfaces are the ones that disappear: they just work, for everyone.

I'm currently looking for frontend engineering roles where I can contribute to teams building scalable, accessible products. I bring strong React fundamentals, a data-informed approach to UI decisions, and a genuine commitment to inclusive design.

Accessibility First

WCAG 2.1 compliance in every build

Clean Architecture

Component-based, scalable code

Data-Informed

Decisions backed by evidence

Continuous Learning

AI tools + modern tooling

Get in Touch

Let's Work Together

I'm actively looking for frontend engineering opportunities. Whether you have a role, a project, or just want to connect — I'd love to hear from you.

Location

Peterborough, ON, Canada

Send a Message