This project is a web application that allows users to create, manage, read, update, and delete bookings. It ensures a seamless user experience by implementing validation logic to prevent double bookings and validating start and end dates for each booking. The application is built using technologies such as ViteJS, Typescript, ReactJS, Redux Toolkit, and other libraries to provide a responsive and intuitive booking management system.
Check out the live application at: https://booking-paitax.vercel.app/
- Create Booking: Users can create new bookings by providing necessary information such as start and end dates, along with other relevant details.
- Read Booking: Users can view existing bookings with all their details.
- Update Booking: Users can modify existing bookings, updating information like dates, duration, and other properties.
- Delete Booking: Users can delete bookings that are no longer needed, removing them from the system.
- Global State: The application stores booking data in a global state, ensuring consistent data management across components.
- Validation: The system prevents double bookings by implementing logic to detect overlapping time slots. Additionally, it validates start and end dates to ensure accurate booking information.
- Responsive Design: The webpages are fully responsive, providing optimal user experience on both desktop and mobile devices.
Step 1: Clone the repository, navigate to the project folder, and enter the application.
Step 2: Install project dependencies using the following command:
yarn install
Step 3: Start the development server using the following command:
yarn dev
Step 4: Access the application through your browser at http://localhost:5173.
Step 5 - To build your application, run the command yarn build and then yarn preview.
- ViteJS
- Typescript
- ReactJS
- Redux Toolkit
- React Router Dom
- Tailwind CSS
- Radix UI
- Shadcn UI
- Date-fns
- Lucide Icons
Developed by Guilherme Paitax. Any questions or suggestions can be contacted via email [email protected]