autumn-mediscan

byRehan

Build a complete, production-ready web application called "MediScan" — an AI-powered healthcare assistant. The application must include frontend, backend, authentication, and AI integration. ──────────────────────────── 🧠 CORE FEATURES: 1. User Authentication - Email + password signup/login - Secure authentication system - Session management (JWT or Firebase Auth) - Basic user profile (name, email) 2. AI Symptom Checker - Input: user enters symptoms (text) - AI processes input and returns: - Possible conditions - Confidence level - Recommended action - Use AI API (OpenAI or similar) 3. AI Scan Analysis (Basic Version) - User uploads image - Backend processes image - Return mock or AI-based analysis result: - "Possible skin issue" - Confidence % - (If real AI not available, simulate logic) 4. Dashboard (After Login) - Welcome message with user name - Buttons: - Check Symptoms - Upload Scan - Show history (optional basic version) ──────────────────────────── 💻 FRONTEND REQUIREMENTS: - Framework: React (with Vite or Next.js) - Styling: Tailwind CSS - UI Style: - Premium, minimal, futuristic - Glassmorphism + clean layout - Pages: - Homepage - Login / Signup - Dashboard - Symptom Checker - Scan Upload Page - Must be: - Mobile-first - Fully responsive - Clean component structure ──────────────────────────── ⚙️ BACKEND REQUIREMENTS: - Node.js + Express - REST API structure Endpoints: - POST /auth/signup - POST /auth/login - POST /symptoms/analyze - POST /scan/upload - Use JWT authentication middleware ──────────────────────────── 🗄️ DATABASE: - MongoDB (Mongoose) - Store: - Users (name, email, password hash) - Basic history (symptoms, results) ──────────────────────────── 🤖 AI INTEGRATION: - Use OpenAI API (or similar) - For symptom checker: Send user symptoms → return structured response: { condition: "", confidence: "", advice: "" } - Ensure response is clean and readable ──────────────────────────── 🔐 SECURITY: - Hash passwords (bcrypt) - Protect routes with JWT - Validate inputs ──────────────────────────── ⚡ UX + UI DETAILS: - Smooth navigation - Loading states (spinners or skeletons) - Error handling (invalid login, API errors) - Success messages ──────────────────────────── 📦 PROJECT STRUCTURE: - /client (React frontend) - /server (Node backend) Include: - Clean folder structure - Reusable components - Environment variables (.env) ──────────────────────────── 🚀 DEPLOYMENT (OPTIONAL BUT PREFERRED): - Frontend: Vercel - Backend: Render / Railway - Database: MongoDB Atlas ──────────────────────────── 🧪 BONUS (IF POSSIBLE): - Add Google login - Add simple scan history - Add logout functionality ──────────────────────────── 🎯 FINAL GOAL: The app must be: - Fully functional - Clean UI - Secure authentication - Working AI responses - Ready to demo as a startup MVP ──────────────────────────── 🔁 FINAL INSTRUCTION: If any part is incomplete, continue building until the app is fully functional. Avoid placeholders unless necessary. Prefer working logic over mock