A collection of things I've put my time into
This page has a selection of projects I've worked on over the years. These projects range from webpage recreations, to minigames, to iOS and Android apps. Every project was done with a purpose and contributes to my life-long learning journey. Click on a project below to learn more.
League Nemesis
A full-stack React app displaying a user's League Nemesis.
Learn more
GF Day
A website for my girlfriend for National GF Day that shows our photos over the years.
Learn more
Personal Portfolio
A website for the purposes of showcasing projects, skills, education, and work history.
Learn more
Explore San Diego!
An Android app that allows users to navigate thru the San Diego Zoo. Written in Java.
Learn more
Code Brown
Counter app inspired by a New Years resolution to track bowel movements. Written in Swift.
Learn more
Tunnelman Game
A recreation of an 80s arcade game known as Digdug. Created using OpenGL and written in C++.
Learn more
League Nemesis
Tech Stack
Github
Features
- Landing page with search bar that allows for region selection and auto suggestions for accounts
- Summoner page displays lane specific League Nemesis and associated stats as well as the amount of games this data is based off of
- Summoner page has a Champions Table that has the complete list of data. The table allows for sorting, filtering, and selection of lanes
- All designs based off the mobile-first paradigm, resulting in a responsive website that works on any screen size
Goal
A full-stack React app based off the game League of Legends that shows users
their League Nemesis, aka the champion they have the worst win rate against. The
app allows user to display their League Nemesis based on game type and lane.
The project has an evolving list of technologies as development matures but currently consists of the MERN stack for baseline development, various Tanstack tools for frontend routing, tables, and data management, Tailwind and Shadcn for styling, and Posthog for analytics.
The project has an evolving list of technologies as development matures but currently consists of the MERN stack for baseline development, various Tanstack tools for frontend routing, tables, and data management, Tailwind and Shadcn for styling, and Posthog for analytics.
GF Day
Tech Stack
Github
Features
- Responsive design that accounts for large and small screen sizes
- Catalog of 30+ photos that get randomly chosen for the photo gallery
- Lively animations
Goal
A website I created for my girlfriend for national girlfriend day. Since we
do long distance it wouldn't be possible to
present her with something physical and I wanted to create something artistic
that I could pour time and effort into. I played towards my strong suit of
creating websites and built this in under a day using React and Tailwind. It's
deployed on Vercel.
Personal Portfolio
Tech Stack
Github
Features
- Three tabs for about, project, and contact page
- Sticky floating navigation bar that keeps track of current page
- Responsive design that works with any device
- Emailing support using Email.js
- Tilting project cards with vanilla-tilt.js
- Myriad of animations throughout project
- Back to top button
Goal
This project serves as an online resume and showcasing of projects. The home
page features a brief bio, followed by links to projects, then a summary of my
skills, work history, and education. The goal was to create an easy to digest
and responsive website packaged into a pleasant design that teeters between
simplicity and character. It was important to include a contacts page for any
business inquiries and feedback on the website.
Explore San Diego!
Tech Stack
Github
Features
- Homescreen with exhibits search bar
- Planned exhibits cart in homescreen
- Inbetween screen with option for editing exhibits cart
- Simple or detailed navigation instructions
- Text navigation instructions
- Rerouting based on user location
Goal
A navigation app for visitors of the San Diego zoo. There were three main
objectives for this project. The first was to focus on the workflow aspect of
creating a large project. This meant making use of Agile practices in order to
break users stories down to bite sized tasks, assigning time frames for those
tasks, and maintaining a burndown chart. And consequently, we were expected to
make deadlines based on 2-week sprints over the course of 8 weeks.
The second aim of the project was to familiarize ourselves with software engineering principles like SOLID, SRP, and DRY. And the last objective was to make sure our project was well tested using unit and integration tests.
The second aim of the project was to familiarize ourselves with software engineering principles like SOLID, SRP, and DRY. And the last objective was to make sure our project was well tested using unit and integration tests.
Code Brown
Tech Stack
Github
Features
- Fully responsive website suitable for mobile and desktop
- Sticky resizing header with tooltips on each button
- Videos grid
- Videos with thumbnails, titles, views, post date, and working video link
- Channel summary tooltip upon hover
- Sticky sidebar
Goal
The goal was to create a project that worked well on all devices. This project
allowed for an opportunity to try out new HTML and CSS features and refine
preexisting knowledge. I chose a platform that was widely familiar to everyone
so that demonstrations would be straightforward and the bar for “nailing it”
would be clear.
Tunnelman Game
Tech Stack
Github
Features
- Field consisting of the player, protestors, and ice
- Various loot scattered throughout the field
- Protestors who chase and attack the player
- Radar scanner that reveals small surrounding area
- Squirt gun that propels protestors
Goal
A recreation of an 80s arcade game known as DigDug. The player plays as a
tunnelman whose objective is to collect oil hidden in the ice field all the
while dodging protestors. The successful implementation of the game was
contingent on balancing workflow and communication for a large project,
effectively employing software design principles, and using high level C++
features.