my site

Frontend

Covid-19 Tracker

React

D3.js

GitHub

HTML5

Mathdro API

  • A coronavirus tracker based on different countries developed by React.
  • Responsive design (map/table) to fit the different screen sizes.
  • Deployed in GitHub page.
DemoGitHub
my site

Android/iOS

Poke Allergist

React Native

Firebase

ML Kit

OpenFoodFact API

  • Android and iOS Apps for people who suffer from allergy and intolerance.
  • Machine Learning is used for allergies detection and text recognition.
  • Download available from Google Play.
PlayGitHub
my site

Frontend

SteveChanVII.me

React

Gatsby.js

SCSS

GraphQL

AWS

SVG

  • My portfolio developed by React and Gatsby framework.
  • Responsive design by SCSS framework with beautiful animation.
  • Deployed in AWS.
DemoGitHub
my site

Game

Whack A Mole

Tensorflow

JavaScript

P5.js

Bootstrap

Babel

  • A whack a mole game developed by JavaScript and Tensorflow PoseNet.
  • Running in the browser and use artificial intelligence to determine human poses to hit the mole.
DemoGitHub
my site

Full Stack

Developer Portfolio

React

Redux

Node.js

MongoDB

JWT

  • A social network for developers using MERN stack (MongoDB, Express, React, Node.js). Redux is used for state management.
  • Use JSON Web Token for user authentication.
  • Deployed in Heroku.
DemoGitHub
my site

Frontend

Burger Builder

React

Redux

Firebase

JEST

JWT

CSS3

  • Customize your burger and order! This App is created by React and Redux framework.
  • Firebase is used to Token authentication and save orders.
  • Deployed in Firebase.
DemoGitHub
my site

Full Stack

Job Seeker

Java Web

JSP

MySQL

HTML5

JavaScript

  • A job-seeking website for both seeker and recruiter.
  • Worked as the primary developer and system architect, and led the completion of the recruitment system by Java Web.
GitHub
my site

Full Stack

Holiday Booking

Java EE

MySQL

MVC

HTML5

JavaScript

  • A hotel ordering system which is available for both web and desktop applications.
  • Backend: Java EE (EJB), Security and Authentication Services (JAAS) and Glassfish.
GitHub
my site

Web

Adventure Tours

HTML5

SCSS

GitHub

  • Programed a learning project with pure HTML5 and advanced CSS(SCSS) to implement beautiful design and animation.
  • Video is used to make the background dynamic.
DemoGitHub
my site

Web

Real Property

HTML5

SCSS

SVG

GitHub

  • Programed a learning project with pure HTML5 and advanced CSS(SCSS) to implement beautiful design and animation.
  • Use SVG and Font Awesome to make the graph looking nicer.
DemoGitHub