Cars Rental Frontend Part

📗 Table of Contents

• 📗 Table of Contents
• 📖 Cars Rental Frontend
  • Live Demo
  • 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 api with rails app. This an educational app for the purpose of Final group capstone.

Live Demo

Click here to get the project's live demo.

Kanban Board

Click here to view the Kanban Board we set out for this project .

A link to the screenshot of the initial state of our Kanban board.

Backend

Api documentation link is here

Api live demo is 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 main page where the client can see all list of cars and click on any selcted car to display the details of that car.
• The client can make reservation through the reserve page.
• The client can see a list of their reservations.
• The client can add a new car through the add new navigation link.
• The client can click on the delete car button from the naviagtion panel and see a list of all cars which belongs to the current user with the car name and a "delete" button and then delete a particular car.
• The deleted cars are removed from the home page.
• The login page where the client logs in to the website.
• The Car details page is where the user can click on the "Reserve" button to reserve the car.

(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 or yarn as package manager.
• Have depth Understanding of React, Redux and API.

Setup

• Clone this repository to your desired folder:

 git clone https://github.com/Tobby8629/Car_rental_frontend.git

• Navigate into the cloned folder

 cd Car_rental_frontend

Install

• Install this project with:

 npm install

• Start the server

 npm start

(back to top)

👥 Authors

👤 Tekhlay B.

• GitHub:
• LinkedIn:

👤 Tobby S.

• GitHub:
• Twitter:
• LinkedIn:

👤 Uchechi N.

• GitHub:
• LinkedIn:
• Facebook:

👤 Alex O.

• GitHub:
• Twitter:
• LinkedIn:

(back to top)

🔭 Future Features

• Apply multi language model
• Implement proper user authentication from the front-end to the server.
• Make sure that the "Add item" and "Delete item" links are accessible only by users who are admins.
• Add payment option
• Improve The UI Design

(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 give a ⭐️and share with your friends.

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