MohamedHNoor/Cars-Rental-FrontEnd

Car Rentals Frontend is a React app that serves as a front end to the Car Rentals project.

Cars Rental Frontend

📗 Table of Contents

• 📗 Table of Contents
• 📖 Cars Rental Frontend
  • Live Demo
  • 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

Car Rentals Frontend is a React app that serves as a front end to the Car Rentals project.

Live Demo

To see this project's live demo, please click here.

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 can be found here

Contributors

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

🛠 Built With

This app is build with React and Redux.

Tech Stack

React

Redux

Key Features

• The login page where the user logs in to the website.
• The 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.
• The user can see a list of their reservations.
• The user can add a new car.
• The user can click on the delete button from the naviagtion 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 package manager.
• Understanding of React and Redux

Setup

• Clone this repository to your desired folder:

 git clone https://github.com/houdamzari/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:

👤 Houda Mzari

• GitHub:
• LinkedIn:

👤 Kashif Saleem

• GitHub:
• Twitter:
• LinkedIn:

(back to top)

🔭 Future Features

• Allow users to choose a language for the application
• Add payment option
• 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 to 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)