Skip to content

houdamzari/Cars-Rental-FrontEnd

Repository files navigation

Cars Rental Frontend

πŸ“— Table of Contents

πŸ“– Cars Rental Frontend

Car Rentals 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

screenshot

Mobile View

screenshot

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

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.
    • User can see a list of their reservations.
    • User can add a new car.
    • 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: demix007
    • Twitter: dat_dope_demix
    • LinkedIn: ayodeji-abidemi

    πŸ‘€ Mohamed Hassan Noor

    • GitHub: MohamedHNoor
    • Twitter: MohamedHNoor
    • LinkedIn: MohamedHNoor

    πŸ‘€ Kashif Saleem

    • GitHub:Kashif
    • Twitter:Kashif
    • LinkedIn:Kashif

    πŸ‘€ Houda Mzari

    • GitHub: houdamzari
    • LinkedIn: houdamzari

    (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 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)