plasma-ielts

byharendra kumar

Act as a senior AI engineering team (Tech Lead + Frontend + Backend + DevOps + QA). Goal: Build a fully functional IELTS Exam Preparation Web App using ONLY free tools, free-tier services, and open-source technologies. Avoid any paid APIs or paid infrastructure. IMPORTANT RULE: - Use ONLY free-tier services or open-source alternatives - Do NOT depend on paid APIs (no OpenAI paid usage) - If AI is needed, use rule-based logic or open-source models - Optimize for zero-cost deployment ---------------------------------------- 1. CORE FEATURES - User Authentication: - Use Firebase Authentication (free tier) - Google login + email/password - Dashboard: - User progress - Modules overview - IELTS Modules: - Listening: Audio player + MCQ questions - Reading: Passage + questions - Writing: - Task 1 & 2 - Rule-based evaluation (grammar checks, word count, keywords) - Speaking: - Browser speech recognition (Web Speech API) - Record + playback - Daily Practice: - Random questions generator - Mock Tests: - Timer-based test system - Score Tracking: - Store user performance in database ---------------------------------------- 2. AI (FREE ALTERNATIVES) Replace paid AI with: - Writing Evaluation: - Use basic NLP rules: - Word count - Sentence length - Grammar check (open-source libraries) - Keyword matching - Generate band score (approximation logic) - Speaking: - Use Web Speech API for speech-to-text - Evaluate: - Words per minute - Pause frequency - Basic grammar - Study Plan: - Rule-based recommendation system ---------------------------------------- 3. TECH STACK (100% FREE) Frontend: - React.js - Tailwind CSS Backend: - Node.js + Express Database: - MongoDB Atlas (free tier) Authentication: - Firebase Auth (free) Hosting: - Frontend → Vercel (free) - Backend → Render (free) - Database → MongoDB Atlas ---------------------------------------- 4. ADMIN PANEL - Add/edit questions - Upload reading passages - Upload listening audio - View user stats ---------------------------------------- 5. MONETIZATION (FREE SETUP) - Implement feature flags: - Free vs Premium content - Simulate premium locking (no payment required initially) ---------------------------------------- 6. PERFORMANCE + SEO - Optimize React performance - Lazy loading - SEO meta tags ---------------------------------------- 7. SECURITY - JWT or Firebase auth - Input validation - Rate limiting (basic) ---------------------------------------- 8. PROJECT OUTPUT REQUIREMENTS Generate: 1. Full folder structure 2. Frontend code (React components) 3. Backend APIs (Node.js) 4. Database schema 5. Admin panel 6. Setup instructions 7. Deployment steps (Vercel + Render + MongoDB) 8. Environment variables (.env) ---------------------------------------- 9. EXECUTION PLAN Step 1: Create architecture Step 2: Setup backend APIs Step 3: Build frontend UI Step 4: Integrate database Step 5: Add AI logic (rule-based) Step 6: Testing Step 7: Deployment ---------------------------------------- 10. UI/UX REQUIREMENTS - Clean UI inspired by Duolingo and Coursera - Mobile responsive - Dark/light mode ---------------------------------------- 11. FINAL INSTRUCTION Act autonomously. Build a complete working MVP. Do NOT skip implementation. Ensure the app can run fully on free-tier services.