Body-X simulates a online course site. It provides various membership plans and training programs for members to subscribe. The main objective of this project is to try on Firebase and SASS. Also practise on some CSS skills with plain CSS.

• HTML
• CSS
• Javascript
• Firebase

Highlighted features

• Make use of firebase to create member registration and login function
• Members can subscribe different membership plans and training programs after login to member portal. Subscribed membership plans and training programs are stored in firebase.
• Unauthenticated access to portal will be redirected to homepage

Future plan: rebuild with bootstrap

4-in-1 app is my first React app that consists of weather app, notepad, todo list and habit tracker. Objective of this app the to train on fetching data from API, CRUD in React and local storage handling

• HTML
• CSS
• Javascript
• React

Highlighted features

• Fetching real time weather and weather forecast data from API.
• CRUD notepad, todo list and habit tracker. Data stored under local storage
• Reset habit tracker information on daily and weekly basis
• Split into 3 pages and using React-router for routing

Future plan: create desktop mode that show 3 pages on same screen

Fitness Pro is a eCommerce site in Vannila Javascript that selling workout equipments. Setup shopping cart and credit card payment function in the site to simulate a eCommerce site.

• HTML
• CSS
• Javascript

Highlighted features

• Shopping cart - user can add, delete, update products in cart. Total cart value update instantly
• Cart information stored in local storage
• Payment screen - perform personal information and credit card information checking
• Filter for various products categories

Recipe finder which written in React. Fetch recipe data from 2 providers for random recipe and recipe searching respectively. Use splide JS for the carousels. Main objective is to practise on API fetching in React and state handling.

• HTML
• CSS
• Javascript
• React

Highlighted features

• Search recipes by incredient(s)
• Generate random recipes when user enter site or click refresh button
• Modal for recipe detail information

First game that written in Vanilla javascript. Main objective is to practise on logics and simulate behaviour of dealer.

• HTML
• CSS
• Javascript

Highlighted features

• Calculate total points of decks for win/loss function
• Logic for calculate point of A in different scenarios
• Dealer behaviour - continue to draw card if total points under 17 or below players points
• Insurance and blackjack handling

Future plan: Support split