Restaurant Reservation Form

Overview

This project is a restaurant reservation form that allows users to book a table by providing their name, email, phone number, number of guests, date, time, and any special requests. The form includes validation for each input field and uses Pikaday for date selection.

Features

• Responsive Design: Adjusts to different screen sizes (mobile, tablet, desktop).
• Date Picker: Pikaday integration for selecting reservation dates.
• Input Validation: Ensures all fields are correctly filled out.
• Interactive Feedback: Provides immediate error messages for invalid inputs.
• Visual Appeal: Background image and overlay for a modern look.

Technologies Used

• HTML5
• CSS3
• JavaScript
• Pikaday (for date picker)

Demo

You can view a live demo of the project here.

Screenshots

Desktop View

Mobile View

Structure

restaurant-reservation-form/

├── css/ i) │ └── style.css # CSS styles for the form

ii) │ ├── bg.jpg # Background image

iii) │ ├── food.jpg # Image for the right column

├── js/ i) │ └── style.js # JavaScript for form validation and Pikaday date picker

├── README.md # Project documentation

└── index.html # Main HTML file