Overview

Booking system is a small project done by me to improve my understanding of JavaScript and learn about CRUD operations. This project allows users to book rooms, manage bookings, and view room details locally with the help of localStorage.

Features

• Room Booking: Users can book rooms by providing necessary details.
• Manage Bookings: Admin can view, edit, and delete bookings details.
• Responsive Design: The application is responsive and works well on different screen sizes.

Architecture

Below is the CRUD architecture diagram of the project, which outlines the structure and data flow for creating, reading, updating, and deleting room bookings:

Installation

1. Fork the repository:

2. Clone the repository:

   git clone https://github.com/your-username/booking-system.git

3. Navigate to the project directory:

   cd booking-system

4. Open the project in your preferred code editor.

Usage

1. Open index.html in your web browser to view the main page.
2. Use the admin interface (components/admin.html) to manage room bookings and details.

File Structure

booking-system/
├── assets/ # Directory for assets (images, icons, css, js etc.)
│   ├── css/
│   │
│   ├── js/
│   │
│   │── images/
│   │
├── components/
│   ├── header.html
│   ├── footer.html
│   └── admin.html
│
├── [index.html] # Main entry point of the application
└── [README.md] # Documentation file

Description of the Structure

• assets/: Contains all assets used in the project like images, CSS and JavaScript code.
• booking.html: The HTML file dedicated to the booking page.
• index.html: The main HTML file that serves as the entry point for the application.
• README.md: This file containing documentation and project details.

Contributing

1. Fork the repository.

2. Create a new branch (git checkout -b feature-branch).

3. Make your changes and commit them (git commit -m 'Add new feature').

4. Push to the branch (git push origin feature-branch).

5. Open a Pull Request.