Web Applications

Immersive Asset Library (on-going)

A library of immersive assets (3d Models, 360 images etc.) for users to download. Features include uploading of 3d Assets and 360 images and enrollment of students by authorized admin staff. Hosted on AWS Lightsail

Tools: MongoDb, Express, Node.js, AWSLightsail, AWS S3, Docker, JavaScript, Bootstrap, .EJS template, passport.js

Webooks

An online library that allows you to browse, borrow and read books, inspired by NLB(National Library) Libby application. Utilizing relational database and Google-Cloud along with squelize-ORM to execute all backend API endpoints. Login with username: johndoe@email.com pw: 1234 to test.

Application Link
Frontend Repo
Backend Repo
WireFrame Desktop
WireFrame Mobile
Tools: Express, Node.js, JavaScript, PostgresSQL, Google-Cloud, Image-kit, Sequelize-ORM, Elephant SQL, ReactJS, React-reader, React-Dropzone, React-Hook-Form, HTML/CSS, MUI Library

Classpass Clone

A booking application inspired by Classpass. Applied MVC achitechture along with a non-relational database and RESTful routes.

Application Link
Repo
Tools: Express, nodejs, JavaScript, Bootstrap, HTML/CSS, MongoDB, JOI Library, EJS template

Airbnb Clone

Same as the Airbnb we all know, this application operates an online marketplace for lodging and homestays. Executed all backend API endpoints and supported frontend login and register routes.

Application Link
Frontend Repo
Backend Repo
Tools: Express, nodejs, Image-kit, JavaScript, MongoDB, ReactJS, React-Hook-Form, HTML/CSS, MUI Library

Health Up

A web application which helps the user achieve their health goal, by calculating the calories they need and recommending recipes for them. Primarily focusing on static rendering, and mobile responsiveness.

Application Link
Repo
Tools: JavaScript, Bootstrap, HTML/CSS

Immersive Technology Applications

2D Gamification - Fire Safety 101

A 2D informative game with self-guided feedback and learning content about fire safety facilities.

Demo Video
Tools: Unity Engine(C#), Adobe Illustrator

Augmented Training - Emergency Lighting

An AR tool to visualize the systems of an emergency lighting mechanics during a power failure.

Demo Video
Tools: Unity Engine(C#), 3ds Max, Vuforia

Virtual Walkthrough - Augmented MPA Gallery

A virtual walkthrough of Singapore Maritime Gallery using AR and 360 technology, featuring information hotspots and a 3d map.

Demo Video
Tools: Unity Engine, C#, Vuforia, SP IXTC 360 editor Unity Package, Insta360 Editor

Simulation - Sprinkler System

An interactive, guided simulation process of the maintenence of the sprinkler system during a power failure

Demo Video
Tools: Unity Engine(C#)

Virtual Walkthrough - 360 with 3d Asset

An interactive, virtual walkthrough exploring a plant with intergrated 3d Model equipment, in addition to an emergency shutdown procedure.

Demo Video
Tools: Unity Engine(C#), 3ds Max