LearnLite

Inspiration

Access to quality learning tools should not depend on having fast or constant internet access. In many communities, students rely on handwritten notes, shared textbooks and limited connectivity, which makes learning and revision difficult.

I was inspired to build LearnLite after recognizing that many existing AI-powered learning tools assume continuous internet access and are not designed for underserved or low-connectivity environments. LearnLite was created to bridge this gap by making learning support available anytime, anywhere even offline.

What it does

LearnLite is an offline-first learning assistant that helps students learn from their notes. Students can paste or upload their study notes and LearnLite transforms them into: Simplified summaries Key learning points Quiz questions for self-assessment Audio explanations for accessibility

Once generated, all learning content is stored locally and remains accessible even without an internet connection.

How I built it

LearnLite was built as a Progressive Web App (PWA) with a focus on simplicity, accessibility and offline support.

The frontend was built using HTML, CSS, and JavaScript with a mobile-first design. A PHP backend handles note processing and communication with AI services. Gemini AI API is used to generate summaries, key points, and quiz questions. ElevenLabs is used to convert summaries into audio explanations. MySQL stores generated learning content. Service Workers are used to cache learning materials and audio files, enabling full offline access. The system was intentionally designed to keep the scope small while maximizing impact and usability.

Challenges I ran into

One of the biggest challenges was implementing reliable offline functionality while keeping the system lightweight. Ensuring that generated content and audio files were properly cached and accessible without internet access required careful handling of service workers and browser storage.

Another challenge was balancing AI-generated content with clarity and simplicity, especially for beginners and low-literacy learners. This required refining prompts and structuring outputs to ensure the learning content remained easy to understand.

Accomplishments that I'm proud of

Building a fully offline-first learning assistant Successfully integrating AI-generated summaries, quizzes, and audio explanations Designing a clean, beginner-friendly interface Delivering a working demo that clearly shows real-world impact Keeping the project focused, usable, and hackathon-ready

What I learned

Through building LearnLite, I gained deeper experience with: Progressive Web Apps and offline caching strategies Integrating AI APIs into real-world applications Designing for accessibility and low-connectivity environments Structuring projects for impact-focused hackathons Communicating technical ideas clearly to non-technical audiences

What's next for LearnLite

With more time and resources, LearnLite could be expanded to include: Local language support Learning progress tracking Teacher-shared learning materials Peer-to-peer offline content sharing Support for more file formats and subjects

LearnLite is a starting point toward making learning more accessible and inclusive for everyone.