A role-based full-stack web application that allows clients and admins to manage books, events, study room reservations, and payment tracking.
- React.js – SPA architecture
- React Router DOM – Client-side routing
- Context API – Auth & session management
- Chart.js / Recharts – Dashboard visualizations
- HTML5 / CSS3 – UI styling
- phpMyAdmin + MySQL – Relational database
- SQL – Queries, joins, constraints
- Manage clients, books, events, and invoices
- View interactive dashboard charts
- View rental and reservation history
- Create/edit/delete entities
- Secure login with RBAC
- Login and view personal dashboard
- Book study rooms
- Borrow physical or eBooks
- View invoices and payment status
- Attend or host events
ps_client– Client masterps_book,ps_author,ps_topic– Book managementps_rental,ps_copy– Rental trackingps_invoice,ps_payment– Payment managementps_event,ps_exp,ps_spon,ps_se– Event managementps_study_room,ps_reserve– Room booking system
- Role-based access control (RBAC)
- Route protection using React + Context
- Frontend form validation (required, password match)
- Session persistence using
localStorage
Admins see:
- Book rental trends
- Revenue over time
- Event bookings
Customers see:
- Personal booking history
- Payment summaries