Pod Organization

Pod Organization

About

A web app made for the MVHS ambassadors club to organize incoming freshmen into pod groups.

My Contributions

I primarily worked on the visualization of the pod groups, as well as syncing changes to the Google Sheet.
I also worked on some of the UI elements.

Tech Stack

  • HTML/CSS/JS
  • Vue
  • Firebase Auth
  • Google API

Image Dissolver

Image Dissolve

About

A WebGL transition between two images.

My Contributions

I made everything using regular JavaScript and WebGL.
I also was the photographer of all of the images.

Tech Stack

  • HTML/CSS/JS
  • WebGL

MVHacks Homepage

MVHacks

About

A website to advertise MVHacks, my school's beginner-friendly hackathon

My Contributions

I made the site responsive to all screen sizes, easily navigable, and beginner-friendly without sacrificing professionalism.

Tech Stack

  • HTML/CSS/JS
  • React
  • Gatsby

ZClassroom

zclassroom.web.app

About

A web application to bring a similar functionality of the Zoom chat box to in-person teaching

My Contributions

I made the application to address concerns over data privacy and show students a clear slate of the current curriculum each day.

Tech Stack

  • HTML/CSS/JS
  • React
  • Firebase

MVHacks CTF

mvhacks-ctf.web.app

About

A Capture the Flag competition that I created for MVHacks

My Contributions

I made the dashboard, leaderboard, and the entire backend of the app.

Tech Stack

  • HTML/CSS/JS
  • React
  • Firebase

MVHS App

mvhs.io

About

A progressive web application to provide students with day-to-day school information, such as the current bell schedule and additional calendar events

My Contributions

I have built upon it to introduce more functionality like a progress bar for each period.

Tech Stack

  • HTML/CSS/JS
  • React
  • Firebase

WWII Social Groups

WWII

About

A website detailing how various US social groups' liberty, opportunity, equality, and rights were impacted during WWII

Tech Stack

  • HTML/CSS/JS
  • React

Scenery

3D Library

About

A 3D scene using my own custom 3D renderer written entirely in Java and rendered on a Java Swing canvas

While I am prohibited from posting the entire source code of the project publicly because my teacher does not want other students plagiarizing my code, I can share the code for the 3D library I developed for this project and other subsequent Java Swing projects.

Tech Stack

  • Java
  • Java Swing

jsExperiments

JS Library

About

A collection of JavaScript modules and custom elements designed to be easily usable by other programmers.

The screenshot is the demo for changeFromDist, which makes changing visual elements based on their distance from pointers very simple.

Tech Stack

  • HTML/CSS/JS
  • Snowpack

Golden Gate Park

Golden Gate Park

About

A video game made in Unity and exported to WebGL.

I used open source LIDAR scans of San Francisco from the US Geological Survey database to get a point cloud of San Francisco's Golden Gate Park.
Then I used a ball-pivoting surface reconstruction algorithm to generate a 3D mesh that I could import into Unity.
From there I rigged a 3D model and programmed a movement script. Lastly I set up a timer and a counter to gamify wandering around the park.

Tech Stack

  • C#
  • Unity
  • Python
  • NumPy
  • PDAL
  • Open3D

Spotify Synesthesia

Spotify Synesthesia

About

An app which recommends music based on the user's selected playlist, taking color into consideration along with the song features

My Contributions

I designed the application, made the login auth flow, collected data using Spotify's API, created the recommendation portal, and refined the backend recommendation algorithms.

Tech Stack

  • HTML/CSS/JS
  • Python
  • Flask
  • PostgreSQL
  • Heroku