top of page

Projects

The Hooded Hero

(2D Platformer)

logo2.png

The Hooded Hero is a 2D Platformer game made using the Phaser.js library.The game offers users to go through a story mode with three levels, where players fight their way through enemies, collect coins, and come across a final boss at the end. On top of that, there's a multiplayer mode where players get to face off with eachother in order to see who can complete the level the fastest!

FrontEnd: TypeScript, Next, PhaserJS, HTML5, CSS

​​

BackEnd: Socket.io

GitHub_logo.png
main_menu.png
Screenshot (43)_edited.jpg
controls.png

Pop Toons Shop

(E-Commerce App)

logo.png

Poptoons Shop is an E-commerce site that sells pop vinyl figurines also known as Funko Pops. This E-commerce site offers a wide selection of Funko Pops from popular films, videogames, sitcoms, and anime series. In the site users are able to purchase products, go through a checkout system, view their order history, and if they have admin access, they're able to add/edit products, orders, and user data.

FrontEnd: TypeScript, React,  NextJS, ContextAPI, HTML5, TailwindCSS, Framer Motion

​

BackEnd: MongoDB, NodeJS, Express,

GitHub_logo.png
Screen Shot 2023-04-04 at 2.05.13 AM.png
Screen Shot 2023-04-04 at 2.07.00 AM.png

Buzzer

(Social Media App/Twitter Clone)

bee.png

Buzzer is a social media app that mimics Twitter's overall layout and features. Users can create their own posts, follow other users, and interact with eachother's post through likes, comments, and reposts. On top of that, users receive live notifications and can chat with eachother or groups in real-time!

FrontEnd: JavaScript, JQuery, HTML5, Bootstrap

​

BackEnd: J NodeJS, Express, MongoDB, Socket.io

GitHub_logo.png
Screenshot (42).png
Buzzerhome.png

ANnote

(Rich Text Editor)

Screenshot 2024-08-29 at 12.34_edited.pn

Annote is an interactive web app that allows users to effortlessly import articles and transform them into interactive learning experiences, adding notes, inserting links, embedding images, and drawing diagrams that show up conveniently right beside the primary text.

FrontEnd: Typescript, Vue, Nuxt, HTML5, CSS

​​

BackEnd: Supabase, PostgreSQL

Screenshot_2024-08-11_at_5.23.27_PM_k6zdyd.png
Screenshot_2024-08-09_at_2.20.45_PM_vt81sw.png
GitHub_logo.png

iCLassroom

(Capstone Project)

iClassroom.png

iClassroom is a web application that replicates a virtual classroom online portal where students can register for classes and seamlessly communicate with their teachers through real time chat features, video calling, and whiteboarding. In contrast, teachers can create their own classes, upload announcements, lessons, grades and tests for their students.

FrontEnd: JavaScript, React, Redux, Material UI, HTML5, CSS

​

BackEnd: NodeJS, Express, PostgreSQL,  WebRTC, Firebase, Socket.io

GitHub_logo.png
bottom of page