How To Create A School Fee And Attendance Management System
Use This Prompt To Create School Fee management System
Build a fully functional School Fee & Attendance Management System based on the attached dashboard design.
Use React + TypeScript + Tailwind CSS and Firebase:
Firebase Authentication for Admin/Teacher login and Cloud Firestore as the database.
Features:
- Admin login/logout with secure authentication
- Dashboard with live statistics
- Student management: add, edit, delete, search and view profile
- Teacher management
- Classes & Sections management
- Fee management: fee structure, collect fee, pending fees, payment history
- Automatic fee balance calculation
- Printable fee receipt with receipt number
- Attendance: mark Present/Absent/Leave by class and date
- Attendance history and monthly reports
- Reports with filters and date ranges
- Notice management
- Admin settings and school profile
- Dashboard charts based on real Firestore data
- Responsive desktop/tablet/mobile design
- Use Indian Rupee (₹)
- Hindi/English language option
- Proper Firestore security rules and data validation
- Loading, empty, error and success states
- All buttons and forms must actually work with Firebase database.
Do not create a static demo. Build a production-ready working application with real CRUD operations, authentication, database integration and persistent data.
2ND Prompt
yaar koi bhi user admin ban ja raha hai aur sabkuch managed kar raha hai ,login sirf admin hi kar sakta hai aur koi bhi dusra id create nahin kar sakta hai sirf admin hi user create kar sakta hai aur koi bhi user apna account create nahin kar skata isse fix karo
3ND Prompt
yaar koi goole se automatic login nahin kar sakta hai na ,aur ek chis aur agar koi mera domain search kare to sabse pahle login page display hona chaiye aur admin login karega tabhi hi pura school management khulega
Use This CODE :-
npm install –legacy-peer-deps
npm run build
Ye command hamare project ka production version create karegi.
Build complete hone ke baad hamare project mein dist folder create hoga.
Isi dist folder ke andar final website ki files hoti hain.”