teal-booking

byRiya Parikh

Create a full-stack web application called "Smart Faculty Slot Booking System". Tech Stack: - Frontend: HTML, CSS, JavaScript (modern UI, responsive design) - Backend: PHP - Database: MySQL Main Features: 1. Authentication System: - Student login/signup - Faculty login/signup - Secure session handling 2. Student Dashboard: - View list of faculty (filter by branch/department) - View faculty details (name, subject, availability) - Book slot by selecting date and time - View booking status (pending, approved, rejected) - Receive notifications inside dashboard - Upload files (PDF, images) while booking - Chat with faculty before booking 3. Faculty Dashboard: - View all booking requests - Approve or reject bookings - Send message to student - View daily and weekly schedule - Get real-time notifications for new bookings 4. Booking System: - Prevent double booking - Time slot management - Calendar-based UI (like Google Calendar) - Drag-and-drop slot management 5. Notification System: - Real-time alerts for: - New booking (faculty side) - Approval/rejection (student side) 6. Email Integration: - Send confirmation email to student after booking - Send request email to faculty 7. Analytics Dashboard: - Charts showing: - Bookings per day - Bookings per week - Peak booking time - Faculty performance stats - Use charts (bar, pie, line) 8. AI Smart Features: - Recommend best time slots based on past bookings - Suggest faculty based on student branch and previous bookings 9. Chat System: - Real-time messaging between student and faculty - File attachment support (PDF, screenshots) 10. UI/UX Requirements: - Clean, modern, attractive design - Fully responsive (mobile + desktop) - Use cards, animations, hover effects - Dashboard style layout 11. Database: - Design complete MySQL database with tables: users, students, faculty, bookings, messages, notifications 12. Extra: - Validation for all forms - Error handling - Clean and well-commented code Output Requirements: - Provide complete project structure - Provide all frontend and backend code - Include database SQL file - Include instructions to run locally (XAMPP) Make the UI visually appealing like a modern SaaS dashboard.

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.