BookingPro is a role-based service booking web application built using React. The system allows users to register, log in, browse available services, book appointments, and manage their bookings. An administrator panel is included for managing services and viewing all customer bookings.
The application uses React Context API for authentication and localStorage as a mock database to simulate backend functionality.
Screenshots
Key Features
- User Registration and Login
- Role-Based Access Control (User and Admin)
- Protected Routes using PrivateRoute
- Browse and View Available Services
- Book Appointments with Date and Time Selection
- View Personal Bookings (User Dashboard)
- Admin Panel for Managing Services
- Add, Edit, and Delete Services (Admin Only)
- Persistent Login using localStorage
- Responsive UI with Modern Design
Functionality
- Users can register and log in securely.
- Authenticated users can browse services and book appointments.
- Booking details are stored in localStorage.
- Users can view their personal bookings.
- Admin users can manage services and view all bookings.
- Protected routes prevent unauthorized access.
- User session remains active using persistent storage.
Technology Used
- React.js
- React Router DOM
- Context API
- Tailwind CSS
- Framer Motion
- JavaScript (ES6+)
- localStorage (Mock Database)
Why This Project Is Useful
- Demonstrates real-world authentication and authorization flow
- Shows implementation of React Context API
- Implements protected routing using React Router
- Demonstrates CRUD operations (Create, Read, Update, Delete)
- Simulates backend logic using localStorage
- Suitable for portfolio, internship, and academic submission
- Helps understand role-based application architecture
Download Source Code
Project Setup Instructions
Note: This project is for educational purposes only. Not for commercial sale.
