This is what I am building!
blueline (In Progress)
This is going to be a crowdsourced line checking app for the Bars/Clubs of Ann Arbor. It will provide students with realtime info wait times, cover fees, bouncer strictness, vibe, and more! This is something I wished I knew and would be super useful for students so they can make plans more effectively. I am currently developing the product and I hope to release this to the public in the fall!
What I learned!
- how to think like a consumer and see what features would be most beneficial through user interviews and surveys.
- how to set up and use cookies to gather user information and help me create a consumer flow and tailor the site to the user
- how to use Geolocation API to validate update requests to Bar/Club information and learned how to think about how Good actors and Bad actors would use the site
- how to use seamlessly set up tables/storage in supabase and set up a project using Goolge Cloud Console
Technologies Used
Geolocation API, Typescript, React, Next.js, Tailwind CSS, Figma, Vercel, Supabase(PostgreSQL)
V1 Platform
This is the V1 Platform! This is where the V1 community (+2000 users) can come to find a one-stop-shop for everything startup-related. From a newsletter to a dashboard of all the events we do and the resources from them! I personally created the Dashboard and Startups Pages! I am now the Platform Lead for V1 and manage a team of 8 to add new features to the platform!
What I learned!
- how to work on a project with many other engineers and add features to a large codebase.
- how to create new API routes, work with our Middleware (Railway), create an infintie scrolling dashboard, and many other features!
- how to think about high level projects and then create a Jira story and tickets for the team to work on
- a lot about writing clean code and reusing components as much as possible!
Technologies Used
Typescript, React, Next.js, TailwindCSS, Railway, Supabase(PostgreSQL), Netlify
TableVision
This is a product I created for students to find study spots. I built a custom CV model to accurately tell if tables are occupied or not from security camera footage and then display the number of open tables in each building. This is my first time building out an entire project from an idea of my own and I am very excited that we are currently working with the school to implement TableVision at UMich!
What I learned!
- how Computer Vision works in the background and the basics of linear algebra that it uses
- how to use YOLOv5, Roboflow, and Google Colab to create and train a custom model
- how to create my own API using Python Flask and use it to make requests to my custom YOLOv5 model
- how to manage a team of 4 to help me implement TableVision at UMich!
Technologies Used
Javascript, Python, React, Next.js, TailwindCSS, Flask, YOLOv5, Roboflow, Google Colab, Netlify
GotPhished
This is a Proof of Concept for a GMail add-on I am working on. This can take in incoming email information and flag it for phishing attacks. I have really loved exploring the computer security field and hope to make more products that can create a safe and secure internet for everyone! In class we learned that even with all the computer security defenses in place most successful attacks are social engineering attacks like Phishing. Hopefully this can help!
What I learned!
- how to make API requests from my Next.js frontend without having to set up a backend.
- a lot about GPT-3, LLMs, and Prompt Engineering to create accurate responses to my requests.
- how GMail add-on scripts work and how annoying they can be to make :)
- how to 1 click deploy a site using vercel and how to use their environment variables to keep my API keys safe!
Technologies Used
OpenAI API, Typescript, React, Next.js, TailwindCSS, Vercel
Rushbook
The Rushbook is something I created to replace a service we pay $600 a semester for. It is a platform to see all potential new members joining a club and leave input (Likes, Dislikes, Comments) for each rushee. It restricts access to only members and if you are an admin you can add rushees. It is collaborative and secure and I am very proud of it!
What I learned!
- how to write up a project spec and outline the features that would be required for the product to be successful
- how to use Github actions to set up a pipeline the when pushed to an Orgs repo would copy files to my personal Repo (using ssh key) and deploy to Vercel
- how to efficiently structure a database to store the needed information in the best format possible
- how to create protected routes, use Next.js router, and adapt to user input and requests
Technologies Used
Typescript, React, Next.js, Tailwind CSS, Supabase(PostgreSQL), Figma, Vercel
Theta Tau Website
This is the platform I have built for my professional engineering fraternity and my first fullstack project on my own! Externally, it serves as an informational website. Internally, it is used to view upcoming events, track pledging progress, and provide easy access to the organization's resources.
What I learned!
- how to design an idea using Figma and refine it through user interviews.
- how to configure and design efficient relational databases.
- how to connect a frontend to a database (Supabase) for storing information and implementing authentication using Google OAuth.
- how to write documentation and outlined new features to be added down the line so that future members can keep the site up and running!
Technologies Used
Javascript, React, SCSS, Supabase(PostgreSQL), Netlify, Figma