project-48f44302

byKhivraj Singh (khinv sa)

Agar aap AI Website Builder (Lovable, Bolt.new, Firebase Studio, Replit AI, Cursor AI, Windsurf, v0, etc.) se website banwana chahte hain, to neeche diya gaya prompt use kar sakte hain. # RSSB LDC Complete Practice Portal – AI Development Prompt Build a complete production-ready web application called **RSSB LDC Complete Practice Portal** for Rajasthan Staff Selection Board (RSSB) LDC exam preparation. The website must be modern, responsive, fast, secure, and built using professional software engineering practices. --- ## Tech Stack ### Frontend * React 19 * Vite * Tailwind CSS * React Router DOM * Redux Toolkit * Axios * Framer Motion * React Icons * Chart.js or Recharts ### Backend * Node.js * Express.js * MongoDB (Mongoose) * JWT Authentication * bcrypt * Multer * Cloudinary --- # Theme Primary Color: #2563EB Secondary Color: #1E40AF Success: #22C55E Danger: #EF4444 Background: #F8FAFC Style: * Professional * Government Exam Portal * Glassmorphism Cards * Rounded UI * Soft Shadows * Responsive * Dark Mode Support * Mobile First --- # Landing Page Create an attractive homepage including: * Sticky Navbar * Hero Section * Call To Action * Features Section * Courses Section * Statistics * Student Reviews * FAQ * Contact Form * Footer Animations should use Framer Motion. --- # Authentication Student Registration Student Login Forgot Password Reset Password JWT Authentication Password Encryption using bcrypt Protected Routes Role Based Authentication Admin Login --- # Student Dashboard Dashboard should include: Welcome Card Today's Practice Overall Progress English Typing Hindi Typing MS Word Practice MS Excel Practice Mock Tests Recent Activity Performance Graph Certificates Leaderboard Notifications Profile Management Settings Dark Mode --- # English Typing Module Develop a professional typing engine. Features: * Live Typing * Random Paragraphs * Custom Paragraph Upload * Timer * Accuracy * WPM * CPM * Mistake Counter * Backspace Rules * Restart Test * Pause * Resume * Live Progress Bar * Keyboard Highlight * Finger Animation * Sound Effects * Result Page Difficulty Levels Easy Medium Hard Expert --- # Hindi Typing Module Support: Kruti Dev 010 Features: Hindi Keyboard Finger Guide Hindi Accuracy Hindi WPM Error Detection Timer Paragraph Upload Hindi Mock Test --- # MS Word Practice Simulator Develop a realistic Microsoft Word practice environment. Include: Toolbar Bold Italic Underline Font Font Size Alignment Bullets Numbering Tables Header Footer Page Setup Margins Insert Image Formatting Tasks Auto Evaluation Scoring System --- # MS Excel Practice Simulator Develop spreadsheet practice. Support: Rows Columns Cell Editing Formatting Merge Sort Filter SUM AVERAGE COUNT MAX MIN IF VLOOKUP Charts Conditional Formatting Auto Evaluation --- # Mock Test Module Flow: English Typing ↓ Hindi Typing ↓ MS Word ↓ MS Excel ↓ Result ↓ Certificate Include: Countdown Timer Navigation Auto Submit Negative Marking Option Performance Analysis Rank --- # Analytics Daily Practice Weekly Progress Monthly Graph Yearly Report Average WPM Average Accuracy Typing Heatmap Charts Leaderboards Achievements --- # Admin Panel Admin Dashboard should manage: Students Admins English Paragraphs Hindi Paragraphs Word Tasks Excel Tasks Mock Tests Certificates Reports Analytics Announcements File Uploads Cloudinary Media --- # Database Collections Users Admins EnglishParagraphs HindiParagraphs WordTasks ExcelTasks MockTests Results Certificates Notifications Leaderboard ActivityLogs Settings --- # APIs Authentication APIs Student APIs Admin APIs Typing APIs Analytics APIs Paragraph APIs Mock APIs Certificate APIs Leaderboard APIs Profile APIs Notification APIs --- # Security JWT bcrypt Helmet Rate Limiting CORS Validation Input Sanitization Protected APIs Role Permissions --- # Performance Lazy Loading Code Splitting Image Optimization Caching Pagination Search Filtering Debouncing --- # UI Requirements Professional Dashboard Beautiful Cards Charts Tables Modals Loading Skeletons Toast Notifications Animations Responsive Design Accessibility Dark Mode --- # Deployment Frontend should be ready for Vercel. Backend should be ready for Render or Railway. MongoDB Atlas support. Environment Variables configured. --- # Project Structure client/ assets/ components/ pages/ layouts/ hooks/ context/ redux/ services/ utils/ App.jsx main.jsx server/ config/ controllers/ middleware/ models/ routes/ services/ uploads/ utils/ server.js .env --- Generate the project as a clean, scalable, production-ready codebase with reusable components, modular architecture, proper folder structure, comments where necessary, validation, error handling, and best coding practices. Every feature should be fully functional rather than placeholder UI. Ye prompt kisi bhi advanced AI coding tool ko ek **commercial-quality RSSB LDC Complete Practice Portal** generate karne ke liye strong specification deta hai. Agar aap **Bolt.new**, **Lovable**, **Firebase Studio**, ya **Cursor AI** use karenge, to is prompt se kaafi achha initial project generate hoga.