My Web Apps
CommunoLearn
Description
A Collaborative Study/Planning web app designed for anyone who want to plan study sessions, hang out or collaborate with friends or peers. The core features will involve scheduling meetings, creating tasks, sharing documents, tracking projects, and more. This app is centered around communites for productivity and is built using a modified T3 stack. This is a full stack application featuring auth through google cloud and messaging through websockets.
Used to make:
- Next.js
- React
- tRPC
- Prisma
- Zod
- TypeScript
- TailwindCSS
- Google Cloud
- websockets
- github actions
- Vercel
U Watchlist
Description
A pretty simple go webserver that leverages full CRUD actions to allow users to keep an up to date movie watchlist. Based on the go net/http package using htmx and bootstrap for the UI and embedded sqlite with raw sql querries. User sessions are not stored using a true auth system but tracked with simple middleware and UUIDs stored in cookies.
Used to make:
- Golang
- HTMX
- SQLite
- SQL
- Bootstrap
Fitness App
Description
This is not a fully fledged project and was just built while learning the more intracate ideas of full stack development, thus the UI and finer logic should be taken with a grain of salt. It is a fullstack workout creation site built with MERN stack. MongoDB (atlas with mongoose), ExpressJS, ReactJS, NodeJS and JWTs for Auth. Users can signup/login then create exercises with sets/reps and amount to create workouts.
Used to make:
- React
- Node.Js
- Express.Js
- MongoDB (Atlas & Mongoose)
- JWTS (Auth)
Geese Spotter
Description
Project for hawkhacks 2024. Geesespotter can help you easily figure out what is going on around the university of Waterloo campus to find new friends and participate in planned or spontaneous activities. We felt that with such a large and disconnected campus it was difficult to know what was going on and what you could get involved with. Our goal was to provide students with a way to post their activities online and connect with others. The backend rests when inactive so it will take a minute to signup/login.
Used to make:
- React
- TailwindCSS
- Ruby on Rails
- Postgresql
- Google Maps API
- Netlify and Render
U Diary
Description
A basic diary app allowing you to save your diary entries with a title, date and description. The core features inlvolve full CRUD functionality, allowing you to create, read, update and delete entries. This is a full stack application with a C# backend using .Net and SQL Server for the database. The frontend is built with vanilla javascript and Razor pages with the Entity Framework for the ORM.
Used to make:
- C#
- .Net
- SQL Server
- Entity Framework
- Javascript
Custom Rust Webserver
Description
A fully custom webserver built with Rust. This is a simple webserver that can serve static files and handle basic routing. It is completely from scatch and uses a threadpool to handle multiple requests at once. This was just made a simple learning activity to understand the lower levels of webservers, concurrency and threading.
Used to make:
- Rust
- HTML
U Music
Description
Music playlist creation and sharing site. Created with vue and firebase (firestore, authentication, storage, hosting). Users can login/signup and then create new playlists and add a cover and description. They can add as many songs as they want. Users view own playlists or go to home page to view public playlists.
Used to make:
- Vue
- Firebase Auth
- Firebase storage
- Firebase Firestore
- Firebase Hosting
The Local Weather
Description
Weather app built primarily with Vue and Tailwind hosted on Firebase. Users can search for cities, view their weather currently and in the future. They can then add the location to local storage so that it appears on their home screen. For more hit the + icon on the navbar.
Used to make:
- Vue
- TailwindCSS
- Openweather API
- Mapbox API
- Firebase Hosting
U Shop
Description
Fully responsive ecommerce site made with nuxt and tailwind. Pinia is used to store items for checkout and Stripe is used to process payments. All items being sold are from the FakeStoreAPI. Users can add items to their cart and then order it in a test environment. Users can create accounts to store information to save time when purchasing.
Used to make:
- Nuxt
- TailwindCSS
- Pinia
- Stripe
- FakestoreAPI
- Firebase Auth & Hosting
U Passwords
Description
Fully responsive mobile first password management system build with react, bootstrap and firebase. Users can login/signup and then access several tools like customizabled password creation, password evaluation and password sorting/storage. Users can take a generated password straight to testing or storage and can delete saved passwords at any time.
Used to make:
- React
- Bootstrap
- Firebase Firestore
- Firebase Auth
- Firebase Hosting
U Help
Description
This isn't a fully working project it was just built to learn supabase. This is a Ticketing system built with Next, Tailwind and Supabase, along with some other tools. Users can signup/login and then view other tickets/create tickets. Tickets take a title, body and urgency. Users can delete tickets if they created them. More features to come!
Used to make:
- React
- Next.js
- TailwindCSS
- Supabase (auth and db)
- Netlify









