Inspiration
Traditional education is often locked away in dense, "heavy" textbooks that can feel disconnected from how we interact with information today. I wanted to build a digital bridge that transforms static, academic content into interactive, mobile-first micro-lessons that fit into a student’s busy lifestyle.
What it does
Bridge-Learn AI creates a seamless "PDF-to-Lesson" pipeline. It automatically converts uploaded textbook chapters into structured learning modules, complete with progress tracking and dynamically generated quizzes to ensure student retention.
How we built it
The project utilizes a modern full-stack architecture:
Frontend: Built with Next.js, TypeScript, and Tailwind CSS for a responsive dark-mode UI.
Backend: A FastAPI server handles PDF processing and AI communication.
AI Engine: Leverages Gemini to parse complex document structures into clean, structured JSON format.
Challenges we ran into
The primary technical hurdle was ensuring the AI consistently produced valid JSON that matched the frontend schema, especially when dealing with complex academic layouts. This required rigorous prompt engineering and backend validation logic in Python.
Accomplishments that we're proud of
Successfully moving from a conceptual backend engine to a polished UI mockup that visualizes the student experience. I am also proud of creating a functional pipeline that can turn unstructured PDF data into organized, actionable learning modules.
What we learned
Building this project deepened my understanding of product engineering—learning how to align technical backend capabilities with user-centric design. I also strengthened my skills in handling unstructured data and integrating AI models into a full-stack environment.
What's next for Bridge-Learn AI
The goal is to implement a robust database like Supabase for persistent user progress tracking. I also plan to add multi-language support to make the tool accessible to a global audience.
Built With
- api
- custom
- fast
- fastapi
- gemini
- github
- mockups
- next.js
- python
- python-frameworks:-next.js
- tailwind-css-apis:-gemini-(for-pdf-to-json-transformation-and-lesson-generation)-platforms-&-tools:-devpost-(for-submission)
- typescript
- ui
