sparkandprepper

Shake Up Your Study Routine with Gemini.

Comment

About the Project

Inspiration

We were inspired by the idea of creating a tool to help students with their study routines. We wanted to build an AI-powered app that could take course materials, like lecture notes and syllabi, and turn them into study guides. The goal was to make studying more efficient and interactive.

What We Learned

Throughout the project, we learned how to integrate different technologies into a working web app. We gained experience in React for building the front-end, Node.js and Express.js for the back-end, and Firebase for storing data. We also learned how to use the Gemini API to process and generate study guides.

How We Built It

  1. Front-End: We used React to create the user interface, with Tailwind CSS for styling. React Router was used for smooth navigation between sections like study guides, quizzes, and flashcards.

  2. Back-End: For the back-end, we used Node.js and Express.js to manage API requests and handle communication with Firebase. Firebase was used to store files and user data.

  3. AI Integration: The Gemini API helped us process uploaded materials and create study guides. We also used it to generate flashcards, mock exams, and cheat sheets from the study guides.

Challenges We Faced

  1. Integrating the Gemini API: Getting the Gemini API to process the input materials and generate accurate study guides was challenging. We had to fine-tune the setup to work with various file types.

  2. Handling File Uploads: Setting up Firebase Storage to handle file uploads smoothly, especially large files, was tricky at times. We had to ensure that files could be stored and retrieved without any performance issues.

  3. User Authentication: We ran into some issues with implementing user authentication. Due to time constraints, we had to settle for a functional demo of authentication, rather than a full Firebase setup.

  4. UI/UX Design: Designing a user-friendly interface was another challenge. We spent a lot of time adjusting the layout to ensure it was easy to use.

Conclusion

This project has been a valuable learning experience for us. We’ve gained hands-on experience with a range of technologies like React, Node.js, Express.js, Gemini API, and Firebase. The challenges we faced helped us grow as developers, and we’re excited to continue improving the app in the future.

Built With

Share this project:

Updates