Studypack AI

Inspiration

Recognizing the challenges students face with limited internet access, I was inspired to create a tool that generates offline study materials, ensuring all students have equal access to learning resources.

What it does

StudyPack AI lets students input their study material and instantly generates:

Flashcards: Clear Q&A cards for spaced repetition.

Notes: Clean, markdown-style study notes for easy reading and organization.

Quizzes: Multiple-choice questions based on the input content (still a work in progress).

All generated content can be downloaded for offline use, making it perfect for students with limited internet access.

How we built it

Backend: Python, FastAPI, Uvicorn, Pydantic. Handles AI requests, content generation, and serves as the API for the frontend.

Frontend: TypeScript, React, Tailwind CSS. Providing a clean, responsive UI for generating and viewing study materials.

AI Integration: Gemini API (gemini-2.5-flash-lite) to generate notes, flashcards, and quizzes.

Offline Support: Local storage allows students to save flashcards and notes for offline use.

Challenges we ran into

Parsing AI-generated content reliably into flashcards and quizzes.

Ensuring the app worked smoothly even with large content inputs.

Integrating Gemini API while keeping costs and tokens manageable.

Limited time for polishing advanced features like adaptive quiz modes and user accounts.

Accomplishments that we're proud of

Fully functional flashcard and note generator with offline support.

A clean, user-friendly frontend built with React and Tailwind.

Successfully integrated Gemini API to generate study content dynamically.

Ready-to-download content formats (CSV, TXT, Markdown) for students to study offline.

What we learned

How to structure a full-stack AI application with FastAPI backend and React frontend.

Handling AI content parsing, error handling, and offline storage effectively.

Planning a hackathon project under strict time constraints while balancing functionality and presentation.

Tips for creating a clear, polished user experience quickly.

What's next for Studypack AI

Future updates for StudyPack AI include:

Upload option for lessons or documents.

User authentication and dashboards to track usage.

Adaptive quiz modes that adjust difficulty based on performance.

Smart searches to quickly find flashcards or notes.

Built With

• fastapi
• gemini-api-2.5-flash-lite
• localstorage
• npm
• pydantic
• python
• react
• tailwind-css
• typescript
• uvicorn