Skip to content

guilhermepaitax/booking-app

Repository files navigation

Booking App

Welcome! 👋

Design preview for the Booking App

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/

Features

  • 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.

How to Use the App

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.

Technologies Used

  • ViteJS
  • Typescript
  • ReactJS
  • Redux Toolkit
  • React Router Dom
  • Tailwind CSS
  • Radix UI
  • Shadcn UI
  • Date-fns
  • Lucide Icons

Author

Developed by Guilherme Paitax. Any questions or suggestions can be contacted via email grpaitax@gmail.com

Releases

No releases published

Packages

No packages published

Languages