All-Aboard

Inspiration

As, a team, we agreed that BoilerLink can be overwhelming and makes finding clubs difficult. Additionally, when we used BoilerLink without already having a club to join in mind, it was hard to find clubs that matched our interests. So, our idea was to make an app that makes the searching easier, by finding clubs that match our interests.

What it does

Our vision is to have users fill out a survey, which will then be used to recommend the clubs with the highest match for those interests. In its current state, the application handles user authentication and contains a database handling users and clubs. There is also a sleek, minimalist user interface.

How we built it

We built this application using the t3 tech stack. The frontend of the t3 stack is Next.js, TypeScript, and Tailwind CSS. The backend of t3 uses tRPC, Prisma, and NextAuth.js. Additionally, we used the Supabase cloud database to handle storing user information, and club information.

Challenges we ran into

As this was our team's first full-stack project, we were learning as we built. This made implementing databases and authentication very difficult. Additionally, tools like Supabase and Prisma were awkward to work with, with links suddenly not working. We also had 2 pages, the sign-in page, and the dashboard, and we got stuck getting the user routed to the dashboard in a particular session.

Accomplishments that we're proud of

We had previously tried to make a project involving a complex tech stack, and it proved very difficult. This time, we made much more progress, and even got authentication and a cloud database to work. We had some experience working on the frontend, but nothing that had to link with a back-end database. We are also proud of the professional design and visuals displayed on the website.

What we learned

We learned how to implement a full-stack web app, including authentication, a cloud database, and front-end components such as Tailwind and TypeScript. Additionally, the complex tech stack required a lot of communication and planning for how the app should function. There were also many points where we got stuck, so this project improved our problem-solving skills.