CHARLES WONG P.Eng

front-end web developer

/00

about

Repo Live

HTML5

CSS3

Sass

JavaScript

jQuery

React

Firebase

RESTful APIs

Responsive Design

Algorithm Design

Pair Programming

User Research

Design Thinking

Adobe Photoshop

Colour Grading

Storyboarding

Kaizen/Gemba/Lean

Project Management

Hello! My name is Charles, a web developer with a background in leading user-focused engineering projects at some of the world’s most trusted brands. As a creative and rigourous problem solver, front end development has inspired me to create beautiful, immersive experiences on a scale that I could only dream of previously.

C:\charles\portfolio (main)

λ welcome!
For all projects, please scroll down.

Hello! My name is Charles, a web developer with a background in leading user-focused engineering projects at some of the world’s most trusted brands. As a creative and rigourous problem solver, front end development has inspired me to create beautiful, immersive experiences on a scale that I could only dream of previously.

This was my first JavaScript project, an interactive game where you try to protect the halloween kitty. Built from scratch in 4 days using JQuery only. Concept, design, and code by Charles Wong.

It’s Halloween night and Dwayne the cat is trapped in a maze. Can you ward off the ghost before the timer stops? Enjoy my original game fully designed and deployed in 4 days. Built from scratch with jQuery using my custom algorithms.

View Live Repository

The Film Factory queries your favourite English language film and returns back a world of foreign language film recommendations for you to explore. Built with React, Firebase, and The Movie DB Database API in a group programming environment over 7 days.

Introducing the film buff’s dream! Get similar foreign film recommendations just by typing in any English movie you like. Created in a group of 3 with React, Firebase, the TMDB API, and meticulous attention to UX/UI.

View Live Repository

Dreamingly is a collaborative story whiteboard that enables users to anonymously read and share their dreams. An algorithm is implemented to prevent multiple upvotes or downvotes from any user on any given story. Built with React and Firebase.

Can’t sleep at night and want to read others’ dreams? Dreamingly is the perfect safe space for this. Or, help others discover riveting stories by upvoting dreams. Better yet, share your own dreams anonymously. Anytime. Anywhere.

View Live Repository

Project Tracker is a project
scheduling helper for international teams. Users simply input the start and end dates of
their projects and all countries on their project team. The app then automatically
calculates the total number of working days, weekend days, and shared holidays between all
team countries in a graphical format. Developed in a pair programming environment using the
Calendly API and self-built algorithms.

International projects can get unwieldy. Use Project Tracker to accurately track and plan project working days and holidays between all countries on your team. Choose from over 230 countries from the API.

View Live Repository

Modal Magazine is a PSD conversion based on my own designs for visual layout and information architecture for a magazine. It features a smooth, fully responsive implementation and has been complimented for its refreshing UI and UX. This is the baseline for an ongoing project.

View Live Repository

Explore the magic and serenity of a beautiful world under the sea. Prepare to be in awe in this interactive web experience as you find yourself never wanting to leave. Built using vanilla JavaScript using self-developed custom animations. Best enjoyed on desktop.

View Live Repository

about

Let's chat about your project!