Inspiration

The idea for BrainWave came from the challenge of finding a collaborative learning platform that lets users study together, especially in tech fields. We wanted to create a space where learners with similar interests can practice coding and share knowledge, while also getting instant feedback.

What it does

BrainWave is a quiz platform that generates coding questions, offers multiple-choice answers, and provides real-time explanations for correct and incorrect answers. Users can join groups based on their interests and study collaboratively.

How we built it

We built BrainWave using Next.js for the front-end and Convex for the backend. We integrated OpenAI's API to dynamically generate coding questions and explanations. Tailwind CSS was used for responsive design, while state management in React helped track user interactions and responses in real-time.

Challenges we ran into

One of the biggest challenges was making sure the AI-generated questions were clear and relevant to the topic. Implementing the state management for real-time feedback also required careful planning. The integration with OpenAI's API posed some difficulties, particularly in ensuring accurate explanations.

Accomplishments that we're proud of

We’re proud of successfully combining AI-generated questions with a smooth user interface. Building a platform that gives instant feedback and helps users learn from their mistakes was a major accomplishment. Also, creating a collaborative learning environment for users is something we’re excited about.

What we learned

Throughout this project, we learned how to integrate AI into a web application, the importance of UI/UX design in education platforms, and how to efficiently manage state in React for a better user experience.

What's next for BrainWave

We plan to expand BrainWave by adding more categories, integrating more advanced AI for personalized question recommendations, and allowing users to create their own study groups. We also want to add features like progress tracking and peer-to-peer challenges to make learning more engaging.

Built With

  • clerk
  • convex
  • next.js
  • openai
  • vercel
Share this project:

Updates