R

Hello, I'm Ryan

Passionate frontend developer with expertise in React, TypeScript, Angular and modern web technologies. I love creating beautiful, responsive, and user-friendly web applications.

About Me

Passionate frontend developer with expertise in React, TypeScript, Angular and modern web technologies. I love creating beautiful, responsive, and user-friendly web applications.

I believe in writing clean, maintainable code and creating intuitive user experiences. When I'm not coding, you can find me exploring new technologies, contributing to volunteer projects.

Experience

Associate Software Engineer

March 2024 - June 2025
Simplr Logic Sdn Bhd

Worked on both backend and frontend development. Initially focused on implementing CRUD functionalities and collaborating with senior developers in a backend role. After three months, transitioned to frontend development, mentored junior developers, refactored repetitive logic into Angular services, and developed reusable components to improve maintainability across modules.

AngularTypeScriptGitJava+1 more

Skills & Technologies

Technologies I work with to bring ideas to life

React

Frontend
Proficiency85%

TypeScript

Frontend
Proficiency90%

Next.js

Frontend
Proficiency85%

Angular

Frontend
Proficiency80%

Tailwind CSS

Frontend
Proficiency90%

JavaScript

Frontend
Proficiency95%

HTML5

Frontend
Proficiency98%

CSS3

Frontend
Proficiency95%

Node.js

Backend
Proficiency70%

Express

Backend
Proficiency75%

MongoDB

Backend
Proficiency65%

Firebase

Backend
Proficiency65%

Git

Tools
Proficiency90%

SourceTree

Tools
Proficiency90%

VS Code

Tools
Proficiency80%

Figma

Tools
Proficiency75%

Frontend

React
TypeScript
Next.js
Angular
+4 more

Backend

Node.js
Express
MongoDB
Firebase

Tools

Git
SourceTree
VS Code
Figma

Other

Featured Projects

A collection of projects showcasing my expertise in modern web development

Live Projects
Featured Work
Screenshot of TedxPS 2024 Event Site
⭐ Featured
Live

TedxPS 2024 Event Site

Next.jsTailwind CSSTypescript

Contributed to the TEDxPetalingStreet 2024 event website with a focus on UI structure and code maintainability. Implemented the footer section and a supporting content block, and improved overall developer experience by refactoring redundant styles into a reusable component. Also introduced minor UX enhancements to existing UI elements for better clarity and consistency. Collaborated within a component-driven Next.js codebase to align with the team’s design and code standards.

Screenshot of TedxPS Official Website
⭐ Featured
Live

TedxPS Official Website

Next.jsTailwind CSSTypescript

Contributed to the official TEDxPetalingStreet bilingual website by implementing the header, footer, and the "Core Values" section on the About page. Focused on responsive layout, semantic HTML structure, and consistent styling using Tailwind CSS. Ensured a clean and accessible navigation experience across both desktop and mobile devices. Collaborated within a component-based Next.js architecture to align with the site's overall design system.

Screenshot of TedxPS 2023 Event Site
⭐ Featured
Live

TedxPS 2023 Event Site

Next.jsTailwind CSSTypescriptFramer Motion

Contributed the animated header section for the TEDxPetalingStreet 2023 event website. Designed and implemented smooth entrance animations using Framer Motion, with a responsive layout styled via Tailwind CSS. Focused on creating an engaging first impression through motion design while ensuring compatibility across devices. This component is part of a live production site and reflects attention to visual polish and frontend interaction.

Screenshot of Burger Builder App
⭐ Featured
Live

Burger Builder App

ReactReduxReact RouterFirebase

A dynamic burger builder web app developed with React, Redux, and Firebase. Users can customize their burger by adding or removing ingredients, view real-time price updates, and proceed to an order summary. The app includes user authentication, allowing users to sign up, log in, and view past orders. Firebase handles data storage and hosting, while React Router is used for navigation and protected routes. Application state is managed globally using Redux. This project highlights skills in state management, component-based architecture, and full authentication flow in a real-world frontend application.

Screenshot of Amazon Clone
⭐ Featured
Live

Amazon Clone

ReactFirebaseStripe

A full-stack e-commerce solution built with React, and Stripe integration. Features include product catalog, shopping cart, user authentication, and payment processing.

Get In Touch

Let's discuss your next project or just say hello!

Let's Connect

I'm always interested in hearing about new opportunities and connecting with fellow developers. Whether you have a project in mind or just want to chat about technology, feel free to reach out!

Email
kchongee@gmail.com
Phone
+6011-11715229
Location
Klang, Selangor

Follow Me