EduWeb - OFFLINE FIRST EDUCATION WEB

Bridging the Digital Divide with Offline , AI powered learning

Comment

Inspiration

In a world where education increasingly depends on internet access, millions of students in underserved areas still struggle with connectivity. The question that sparked EduWeb was simple yet powerful: Why should education pause when the internet does? This project was born out of the belief that access to learning should not be a luxury—it should be a right. EduWeb was envisioned to empower every student, regardless of their digital privilege, with tools to learn, grow, and succeed—even completely offline.

What it does

EduWeb is a Progressive Web App (PWA) that delivers AI-enhanced, offline-first education to students in low-connectivity areas. It caches lessons, quizzes, and content using Service Workers and PouchDB, allowing uninterrupted learning. When online, it syncs progress seamlessly. It also features an AI-powered Q&A chatbot built using TensorFlow.js (MobileBERT) for answering subject-related questions (when online). The UI is responsive, minimal, and optimized for both mobile and desktop access.

How we built it

We used React.js with Tailwind CSS for the front end, Vite for rapid builds, and integrated Service Workers and IndexedDB via PouchDB to enable offline functionality. The chatbot was built with TensorFlow.js MobileBERT for contextual learning. Deployment was done via Netlify and GitHub Pages, and the app is fully PWA-compliant with custom manifest and offline caching strategies.

Challenges we ran into

Implementing real offline capability with persistent caching was a major hurdle—especially managing state and sync with PouchDB. Integrating a real-time Q&A chatbot that loads models without bloating storage was another challenge. Making everything mobile-first and usable in both online and offline contexts—without any backend—required careful architectural decisions and tons of debugging.

Accomplishments that we're proud of

Built an end-to-end offline education platform from scratch. Successfully integrated AI chatbot support using browser-based ML. Created an impactful social for good project. Created a fully functional PWA that works seamlessly across devices.

What we learned

We dove deep into offline-first architecture, AI integration in the browser, and ethical tech design for social impact. Most importantly, we learned that technology can—and should—be inclusive, adaptable, and built for those who need it most.

What's next for EduWeb - OFFLINE FIRST EDUCATION WEB

We're planning to expand EduWeb by: Adding multi-language support for regional accessibility Integrating local content upload and sharing without internet Partnering with NGOs and educational orgs to pilot EduWeb in schools Exploring text and voice-based chatbot interaction for inclusivity Launching an open-source contributor program to scale the solution across different communities EduWeb isn't just a hackathon project—it's a mission to bridge the educational divide.

Built With

Share this project:

Updates