DashReserve

. ├── index.html ├── assets/ │ ├── src/ │ │ ├── css/ │ │ │ └── style.css │ │ └── js/ │ │ └── main.js └── README.md

DashReserve: A Client Booking Dashboard

DashReserve is a simple, intuitive web application for managing client bookings. This tool allows you to add, view, search, and export your bookings, making it easy to keep track of your schedule.

Features

• Add Bookings: Quickly add new client bookings with details like client name, service type, and booking date.

• View All Clients: See a comprehensive list of all your current and upcoming bookings.

• Search & Filter: Find specific bookings by client name, service type, or filter by a specific date.

• Data Persistence: Your booking data is automatically saved in your browser's local storage, so it will be there even if you close the app.

• Export to CSV: Easily export all your booking data into a CSV file for use in spreadsheets or other applications.

• Responsive Design: The app is designed to work well on both desktop and mobile devices.

How to Use

• Add a Booking: Navigate to the "Add Clients" tab. Fill out the form with the client's name, select a service, and choose a date. Click "Book Now" to save the booking.

• View Bookings: Click the "All Clients" tab to see a complete list of your bookings, sorted by date.

• Search: Use the "Search" tab to find a specific booking. You can search by a client's name or a service.

• Filter by Date: In the "Search" tab, select a date to view only the bookings for that day.

• Delete a Booking: Find the booking you want to remove in the "All Clients" tab and click the "Delete" button next to it.

• Clear All: If you need to start fresh, you can clear all bookings at once by clicking the "Clear All" button in the "Add Clients" tab.

• Export Data: Click the "Export CSV" button in the "All Clients" tab to download a file containing all your booking data.

Technologies Used

• HTML: Structures the web page content.

• CSS: Styles the application, providing a clean and user-friendly interface.

• JavaScript: Handles all the functionality, including data management, event handling, and user interactions.

Local Development

To run this project locally, simply download the index.html file and open it in any modern web browser. All the necessary HTML, CSS, and JavaScript code is contained within the single file.