Table Reservation System

Overview

The Table Reservation System is a web application that allows users to create and manage table reservations. Users can create tables by specifying the table name, type (square or circle), and the number of seats. The tables are then displayed in a card view format on the main page. Clicking on a table redirects to a detailed view of the table with seats arranged around it.

Demo

Check out the live demo: Table Reservation System

Features

• Create tables with custom names, types, and seat counts.
• Display tables in a card view format.
• View detailed table layouts with seats arranged around the table.
• Persistent data storage using localStorage.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/vivek20Eng/Table-Reservation-System.git

2. Navigate to the project directory:

   cd Table-Reservation-System

3. Install dependencies:

   npm install

4. Start project

   npm start 

Usage

• Open the application in your web browser.
• Click on the "Create Table" button to open the modal form.
• Fill in the table name, type, and number of seats, then click "Add Table".
• The created table will be displayed in the card view format on the main page.
• Click on a table card to view the detailed layout of the table with seats arranged around it.

Technologies Used

• HTML
• CSS
• JavaScript
• LocalStorage for persistent data storage

Screenshots

contact

• vivek vivekanandans2017@gmail.com