EduCore

Help together, Learn together

Built With We engineered EduCore with a strict focus on performance, low-bandwidth resilience, and accessibility. Every single tool, framework, and API in our stack was deliberately chosen to ensure the platform runs flawlessly on a ₹5,000 Android device over a weak 2G/3G network.

🎨 Core Frontend & Build Tools React & JavaScript (ES6+): The robust foundation of our interactive, component-based simulation engine.

Vite: Chosen over traditional bundlers for lightning-fast hot module replacement (HMR) during development and highly optimized, minified production builds.

HTML5 & CSS3: Utilized natively to keep the DOM structure semantic and lightweight.

💅 UI & State Management Tailwind CSS: Enforced a strict utility-first design system. This kept our compiled CSS bundle extremely small, ensuring fast initial load times without heavy stylesheets.

lucide-react: Integrated for clean, scalable, and extremely lightweight SVG iconography without bloating the app.

React Router & React Context: Handled seamless client-side navigation and global state management (like User XP and streaks) without the need for heavy external state libraries like Redux.

🧠 AI & Accessibility Layer Claude API (Anthropic): The brain behind our "Socratic AI Mentor." Claude was selected for its superior contextual reasoning, strictly following prompts to guide students instead of just giving away answers.

Web Speech API: Directly integrated into the browser to provide a voice-first input system, making the platform accessible for users with low literacy or typing constraints.

MeDo AI: Leveraged for rapid workflow prototyping and mapping out the natural language execution layers.

📡 Offline Infrastructure (The "Disaster" Mode) Progressive Web App (PWA): Allowed students to "install" EduCore directly to their home screens, bypassing the friction and storage limits of Google Play Store downloads.

Service Workers & Cache API: The backbone of our offline resilience. They intercept network requests to instantly serve cached simulation UI elements the moment the internet drops.

localStorage: Used efficiently to save user progress, simulation states, and chat history locally on the device until a connection is restored.

☁️ DevOps & Deployment Vercel: Deployed on Vercel's edge network. This ensures that static assets and core logic load instantly from a server geographically closest to the student, beating latency issues in tier-3 cities.

Git, GitHub & npm: Maintained strict version control and reliable package management throughout the rapid hackathon development cycle.