starry-admin

byAdarsh Shukla

You are a world-class senior full-stack developer, UI/UX designer, and system architect. Your task is to build a COMPLETE, PRODUCTION-READY web application for a Medicine Dealer Order Management System in India. IMPORTANT: * The user has ZERO coding knowledge. * So everything must be fully automated, simple to run, and easy to deploy. * Do NOT give partial code. Give COMPLETE working code with instructions. --- 🎯 PROJECT GOAL: Create a web platform where medical store owners can order medicines online, and the dealer (admin) receives instant notifications. --- 👥 USER ROLES: 1. ADMIN (Medicine Dealer) * Full control of system * Manage products and orders * Receive real-time notifications 2. CUSTOMER (Medical Store Owner) * Register/login * Browse medicines * Place orders easily --- 🔐 AUTHENTICATION SYSTEM: * Secure login/signup for customers * Admin login (predefined or from database) * Password encryption using bcrypt * JWT-based authentication * Role-based access control --- 📦 PRODUCT MANAGEMENT (ADMIN PANEL): * Add new product: * Product name * Price * Stock quantity * Category (Tablet, Syrup, Injection, etc.) * Image upload * Edit/Delete products * Auto-update stock after order * Show low stock alert --- 🛒 CUSTOMER FEATURES: * Clean modern UI like Flipkart/Amazon * Browse all products * Search and filter by category * Add to cart * Place order While placing order: * Ask: * Medical store name * Owner name * Phone number * Delivery address --- 📨 ORDER SYSTEM: * When order is placed: 1. Save order in database 2. Instantly show in admin dashboard 3. Trigger REAL-TIME notification to admin * Order Status: * Pending * Confirmed * Dispatched * Delivered --- 🔔 REAL-TIME NOTIFICATIONS: * Use Socket.io OR Firebase * Admin should get: * Instant popup notification * Sound alert when new order arrives --- 📊 ADMIN DASHBOARD: * View all orders * Filter by: * Date * Status * View customer details * Update order status * Dashboard stats: * Total orders * Daily sales * Pending orders --- 📱 UI/UX REQUIREMENTS: * Fully mobile responsive * Very clean, modern, professional design * Fast loading * Use cards, buttons, icons properly --- 🔒 SECURITY: * Input validation * API protection * Secure authentication * Prevent unauthorized access --- 🚀 BONUS FEATURES (IMPORTANT): * WhatsApp button for quick contact * Export orders to Excel * Daily sales report * Basic analytics chart --- 🛠️ TECH STACK (MANDATORY): Frontend: * React.js * Tailwind CSS Backend: * Node.js * Express.js Database: * MongoDB (Atlas cloud) Real-time: * Socket.io --- 🌐 DEPLOYMENT (VERY IMPORTANT): * Frontend deploy on Vercel * Backend deploy on Render * Database on MongoDB Atlas --- 📁 OUTPUT REQUIREMENTS: 1. Complete frontend code 2. Complete backend code 3. Folder structure 4. .env file example 5. Step-by-step setup guide (for beginner) 6. Deployment guide (very simple) --- 🎯 FINAL INSTRUCTION: * Make it EXACTLY like a professional medicine ordering system * Code should be CLEAN, ERROR-FREE, and READY TO RUN * Do NOT skip anything * Do NOT assume prior knowledge * Everything should be explained simply --- Now build the complete system. Mujhe esme keval admin bnao baki mere coustomer acount bnayenge and mai sirf product and price and Details and product photo dalu coustomer use select kre and order de and jo address name medikal name number fill kre address jo de vo unka hi ho koi error n jaise hi order de admin wale me notification turant aa jaye mai bhijva dunga aisa professional bnao admin mujhe hi banana website ka name Cura Order rkhna