Projects
Experiences
Interests
Resume

Here Are Some Projects That I've Worked On!

Poolber

Poolber Icon

A user-oriented carpooling app that encourages riders to share riders together. This not only help reduce the gaseous emissions and traffic congestions caused by cars, but it also helps you cut down the cost of your ride while also meeting new people! This app uses the Google Maps API in order to set up the trip route and calculate ride information such as the order of pickup, ride fare, distance, time, etc. All user and ride information is stored via Firebase.

If you wish to modify/extend this app, make sure to replace the Firebase and Google Maps API key to get it properly working. Further details about the system design, case/state diagrams and requirements can be found within the D[1-3] subdirectories. The D4/CarpoolProjectExpo hosts the implementation specifics of the app.

htmlcssjavascripttypescriptreactnodefirebasefigma

Azeliore Bot

Genshin Impact Icon

A discord bot to simulate the Genshin Impact banner system backed with statistical models so users can pull for free and test their luck. The banners available to wish upon are those on the second phase of version 3.3 (Raiden Shogun and Ayato's rerun banner). This project was built mostly using Node.js and made use of the discord.js API and a fan-made genshin.js API. Personal information such as pity rates for each banner and account are stored in a MongoDB cluster.

This bot has not been updated since the version 3.3 update. Any changes thereafter the 3.3 patch update regarding how the pity system works is not explored further. Disclaimer: This bot's statistical rates are based on models of player's wishes and is in no shape or form, indicative of the underlying pity system behind Genshin. Use at your own discretion.

javascriptnodebashmongodbdiscord

Tenzies

An image of a dice

A recreation of the classical game, Tenzies. Roll until all die are the same and click each die to freeze its current value between rolls. Try to beat your record and see if you can achieve a faster time than before. All relevant data pertaining to the game are stored via local storage and you can check if you've beaten your old record via the "Stats" page. Check the demo video out for a quick run through of the game!

This project was created as an initial dive into the React/Node ecosystem and was deployed via Vercel. For additional information regarding implementation specifics, click the "View the Source Code" button below.

htmlcssjavascriptreact

Personal Website

An image of a dice

The website that you're currently looking at right now is also a personal project that I've created to get to know me better. In here, you will find my some of the work I've done, my experiences with software engineering/development, and some of my interests. Feel free to take a browse around and see if anything piques your interest!

This project was developed using the front-end tech stacks/tools I've utilized throughout my internship experiences. It was developed via Next.js, a framework built on top of React that provides server side rendering (SSR) and an intuitive file-system based router. TypeScript was used to assist with the development process for its static type checking and Tailwind as the primary utility CSS library in helping to offset page load speed. This project was deployed via Vercel.

htmlcssjavascripttypescriptreactnexttailwindcss

Thanks for swinging by and checking out my webpage! I'd love to connect with you and have a chat ~

Feel free to connect with me by pressing any of the buttons above =D