Proactify

• 

  Main Dashboard

• 

  Leaderboard

• 

  Join Study Rooms Page

• 

  To-Do List

• 

  Kanban Board

• 

  Login Page

• 

  Discord Auth

Inspiration

Many members in our group found that studying virtually with others in Discord really helped improve there consistency. We therefore wanted to build on top of this system and further gamify the studying process and promote consistency.

What it does

A user joins and studies in a a study server such as Study Together. When they login to our app with there Discord account it shows there study stats. There is also a study leader board. In addition there are habit tracking features such as a to-do list and Kanban board.

How we built it

We used NextJS as the web framework. We used Supabase as the database and authentication service (back-end).

Challenges we ran into

We ran into bugs and errors when trying to implement the Kanban board. We also faced challenges with data corruption. We mitigated this by using Supabase functions.

Our code simply asks Supabase to “run this function for this user” and Supabase returns concise, ready-to-use data for the graph, streak tracker, and leader board.

For example the weekly stats array could be formed from an array of 7 integer values that the Supabase function gives us. This helps prevents potential bugs from implementing the data retrieval logic ourselves.

Accomplishments that we're proud of

Were proud of our attention to detail. We also tried to make the UI as intuitive and simple as possible for users.

What we learned

We learned how to use NextJS and Supabase together to create a full stack web app. We learned how to manager user data and authentication.

What's next for Proactify

We plan on utilizing a agile approach and constantly iterate and add new features to the platform. Future features include user profiles, achievement badges and more fun widgets to further gamify the process.

Built With

• discord-bot
• nextjs
• supabase