Inspiration

My inspiration for Study Hub come from the desire to create a platform that help simplifies and organizing the study session. Aims to help student locate their study group that spike their interest and learn together.

What it does

Collaborate students with peers, by navigate the student to find their group of study, supporting each other in the same study interest, sharing the same interest on the project.

How we built it

Using React and Next.js for the frontend, taking advantages of Next.js's serverless capabilities for backend operations. Firebase serves as the backend database and authentication provider, offering securing Firestore storage and authentication services. Design interface using Tailwind CSS to streamline the design process and ensure responsive and visual appealing user experience.

Challenges we ran into

  • Integrating Firebase with Next.js, since I have not using Firebase for a year now, it is quite challenging as both Technologies update their core functionalities.
  • Implementing secure authentication, and reroute the user from the protected page.
  • User interface and design, the design itself taking a lot of time to make it look appealing and great.

Accomplishments that we're proud of

  • Successfully implement React, Next.js, Firebase and Tailwind CSS to create the app.
  • Successfully implementing authentication and Firestore storage
  • Able to come up with some design so that the project would not look bad.

What we learned

  • The important of leveraging technologies, to make it more scalable and maintainable.
  • Understand some good practices regarding the way to use Firestore storage to store user information and session information.
  • Come up with a design in a short period of time

What's next for study hub

Moving forward, I want to enhance user interface and add more functionality such as chat globally and privately, friend request, commenting, modify the session, invite friend with unique code to the session, private and public session, restrictions on some data fields by not polluting the database.

Built With

Share this project:

Updates