Request to merge into main from dev

[flemton]

🏁 Microverse's Final Capstone Project - [Frontend]

This Project is developed using React.js, designed to provide an intuitive user interface for managing reservations or appointments for test drives of Teslas. It communicates with the back-end API built with Ruby on Rails.

Link to Back-end PR: flemton/Final-Capstone-Backend#14

Implement Theme 🎨

Mobile	Desktop

• Updated titles, descriptions, and images to reflect a healthcare theme.
• Adjusted navigation links to include sections related to doctors, appointments, and medical services.

Authentication System 🔑

• Implemented a secure authentication system allowing users to log in using their username.

Navigation Panel Features 💻

• Added navigation links to sections like "Cars," "Reserve," "My Reservations," "Add Car," and "Delete Car."

Mobile and Desktop Versions 💻 📱

• Ensured responsiveness by creating both mobile and desktop versions of the website.
• Tested and optimized the user interface for various screen sizes.

Appointment Booking 📆

• Implemented a reservation system where users can select a date and city for doctor appointments.
• Integrated a design based on "Book a vespa test-ride" for a seamless booking experience.

Deletion Functionality ❌

• Added functionality for users to delete a car from the list, marking it as removed.

Reservation Management 📋

• Users can view a list of their reservations, including item name, date, and city.

API Documentation 📓

• Provided comprehensive documentation for the API, ensuring clarity and ease of use.