Remix

Make your own version of Smart Student Management

Get an exact, working copy in your account, then change anything with chat.

Original by Kavya

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Build a complete production-ready full-stack "Smart Student Management System" using React + JavaScript + CSS frontend, Django REST Framework backend, and SQLite database.

IMPORTANT: Make it a REAL working full-stack application. Do not use mock data, localStorage-only CRUD, fake APIs, or placeholder buttons.

Features:
- Secure Admin/Staff login, logout and protected routes
- Professional responsive dashboard
- Dashboard cards: Total Students, Active Students, Gender count, Average Attendance, Department statistics and Recent Students
- Complete Student CRUD: Create, Read, Update, Delete
- Student fields: Student ID, Name, Email, Phone, DOB, Gender, Department, Year, Section, Address, Enrollment Date, Attendance %, Status
- Student list with pagination, search, sorting and filters
- Filter by department, year, section, gender and status
- Student details page
- Edit and delete with confirmation
- Frontend + backend validation
- Required fields, email/phone validation, attendance 0-100, duplicate ID/email prevention
- Proper error handling and success/error toast messages
- REST APIs:
  POST /api/students/
  GET /api/students/
  GET /api/students/{id}/
  PUT/PATCH /api/students/{id}/
  DELETE /api/students/{id}/
  POST /api/auth/login/
  POST /api/auth/logout/
  GET /api/dashboard/stats/
- React must connect to Django APIs using Axios/Fetch and persist all data in the database
- Configure CORS correctly
- Reports page with department/year/gender/attendance charts
- Low Attendance Alert for students below 75%
- Loading, empty and error states
- Mobile/tablet/desktop responsive UI
- Clean React components, Django models, serializers, views, URLs and database migrations
- Secure authentication, environment variables and safe ORM/database operations
- Postman-ready API testing with sample requests/responses
- Include tests for CRUD, validation, duplicates, authentication and API errors
- Generate professional README with problem statement, objectives, features, tech stack, architecture, ER/database design, API documentation, CRUD details, testing results, setup/run instructions, challenges, future enhancements and GitHub instructions
- Include .gitignore and .env.example

Pages:
Login, Dashboard, Students, Add Student, Edit Student, Student Details, Reports, Profile/Settings.

Final demo flow:
Login → Dashboard → Add Student → View → Search/Filter → Edit → Delete → Validation → Reports → Postman API testing → Database verification.

Ensure frontend, backend, API, database, authentication and all CRUD operations work correctly with no broken routes, mock functionality, TODOs or console errors.

Start free with 40 credits. No card needed.