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
- GCAuth
- websockets
- github actions
- Vercel hosting
- Vercel blob storage
U Help
Description
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
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 Fitness
Description
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)
UDiary
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
U Projects
Description
Project Management system built using React and Firebase (auth, storage, firestore). Allows users to login/signup then create projects and add users to them. Users can then comment on these projects. Users can see all online/offline users.
Used to make:
- React
- Firebase Auth
- Firebase Storage
- Firebase Firestore
- Firebase Hosting
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
U Exchange
Description
Exchange rate site built using Next and TailwindCSS. This utilizes CSS3, HTML5, React with JS. This makes use of the currencyapi and allows users to access current and historic data for 100+ curencies. Use instructions available on the home page.
Used to make:
- Next
- (React)
- TailwindCSS
- Currency API
- Netlify
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 Blog
Description
Public blogging site made using NodeJs, ExpressJs, EJs, MongoDB and HTML/CSS. Uses Nodemon and Mongoose to make the process easier. Users can create blogs about whatever they want, just add a title, snippet and body to create your first blog.
Used to make:
- EJS
- Node.Js
- Express.Js
- MongoDB (Atlas & Mongoose)
- CSS3
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 Chat
Description
Global chatroom application built with Vue and Firebase. Users can login or signup and are then free to access a global chatroom that all authenicated users can send messages to. Date formating is done with date-fns and styling with pure CSS.
Used to make:
- Vue
- CSS3
- Firebase firestore
- Firebase Auth
- Firebase Hosting
U Finance
Description
Finance app build with React and Firebase. Users can login/signup then add transactions to their tracker. You can only view your own transactions and delete them whenever you want. New features like insights and budgeting to come.
Used to make:
- React
- CSS3
- Firebase firestore
- Firebase Auth
- Firebase Hosting
U Books
Description
Simple reading list app to store books you're looking to read. Requires logon/signup. Built using Vue, CSS3 and Firebase9 (firestore, auth, hosting). Can delete and favourite your own books as well as take a look at what others are reading and add their books to your list.
Used to make:
- Vue
- CSS3
- Firebase Firestore
- Firebase Auth
- Firebase Hosting
U Img
Description
Instagram like social media app build with firebase and Vue. Users can signup/login then share their pictures with a caption. User cam view their profile and delete their own pictures as well as use the global search to check out other users profiles.
Used to make:
- Vue
- CSS3
- Firebase Firestore
- Firebase Auth
- Firebase Hosting