Cars Rental Frontend

📗 Table of Contents

• 📗 Table of Contents
• 📖 Cars Rental Frontend
  • Desktop View
  • Mobile View
  • Kanban Board
  • Backend
  • Contributors
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
  • To get a local copy up and running, follow these steps.
    • Prerequisites
    • Setup
    • Install
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

📖 Cars Rental Frontend

A web app for seamless car rental experiences. Login to access a curated list of cars, explore details, make reservations, manage your bookings, add new cars, and easily remove them from the inventory.

Live Demo

Live Link

Desktop View

Mobile View

Kanban Board

To view the Kanban Board we built for this project please click here.

To view the issue with the Kanban Board screenshots please click here.

Backend

API documentation can be found here

Api live demo is under construction

API repository can be found here

Contributors

There were Four contributors to this project, you can see their contact information in the Authors section of this document.

🛠 Built With

This app is built with React and Redux.

Tech Stack

React

Redux

Key Features

• Login page where the user logs in to the website.
• Home page where the user can see a list of cars and click on any car to display the details of that car.
• The details page is where the user can click on the "Reserve" button to reserve the car.
• Users can see a list of their reservations.
• The user can add a new car.
• The user can click on the delete button from the navigation panel and see a list of all cars with the car name and a "delete" button and then delete a particular car.
• The deleted cars are removed from the home page.

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• Mac or PC
• Install node.js
• Use npm as a package manager.
• Understanding of React and Redux

Setup

• Setup and start the backend server by following the instructions in the API repository

• Clone this repository to your desired folder:

 https://github.com/Kashif-Saleem-Ghuman/Cars-Rental-FrontEnd.git

• Navigate into the cloned folder

 cd Cars-Rental-FrontEnd

Install

• Install this project with:

 npm install

• Start the server

 npm start

(back to top)

👥 Authors

👤 Ayodeji Abidemi

• GitHub:
• Twitter:
• LinkedIn:

👤 Mohamed Hassan Noor

• GitHub:
• Twitter:
• LinkedIn:

👤 Kashif Saleem

• GitHub:
• Twitter:
• LinkedIn:

👤 Houda Mzari

• GitHub:
• LinkedIn:

(back to top)

🔭 Future Features

• Allow users to choose a language for the application
• Add payment options
• Some UX improvements: include transitions and/or animations, etc.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, please leave a ⭐️

(back to top)

🙏 Acknowledgments

• We would like to thank Microverse for providing the reading materials that aided us during the project development.
• We would like to give Credit to 🙏 Murat Korkmaz the author of the original Vespa- Responsive Redesign, as required by the Creative Commons License.

(back to top)

📝 License

This project is MIT licensed.

(back to top)