https://github.com/chandan-devs-tech/drive-easy-frontend
🚗 The DRIVE EASY APP is a web application that displays a list of cars. It allows you to ➕ add a car, to ❌ delete a car, and to 📅 reserve a car.
https://github.com/chandan-devs-tech/drive-easy-frontend
Last synced: 5 days ago
JSON representation
🚗 The DRIVE EASY APP is a web application that displays a list of cars. It allows you to ➕ add a car, to ❌ delete a car, and to 📅 reserve a car.
- Host: GitHub
- URL: https://github.com/chandan-devs-tech/drive-easy-frontend
- Owner: Chandan-devs-tech
- License: other
- Created: 2023-11-08T12:20:02.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2023-11-23T19:11:46.000Z (over 2 years ago)
- Last Synced: 2025-02-28T18:46:58.239Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://github.com/Chandan-devs-tech/drive-easy-frontend
- Size: 407 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# **DRIVE EASY APP** 
The DRIVE EASY APP is a web application that display a list of cars. It allows you to add a car, to delete a car and to reserve a car.
---
## Table of Contents 📗
- [**DRIVE EASY APP** ](#drive-easy-app-)
- [The DRIVE EASY APP is a web application that display a list of cars. It allows you to add a car, to delete a car and to reserve a car.](#the-drive-easy-app-is-a-web-application-that-display-a-list-of-cars-it-allows-you-to-add-a-car-to-delete-a-car-and-to-reserve-a-car)
- [Table of Contents 📗](#table-of-contents-)
- [**Built With 🛠**](#built-with-)
- [**Key Features 🏷️** ](#key-features-️-)
- [🚀 Live Demo ](#-live-demo-)
- [Kanban Board ](#kanban-board-)
- [**Prerequisites 🧱**](#prerequisites-)
- [**Setup ⚙️**](#setup-️)
- [\*\* 🏗️\*\*](#-️)
- [**Usage 📂**](#usage-)
- [**Authors 👤**:](#authors-)
- [**Contributing 🤝**](#contributing-)
- [**Show your support 🌟**](#show-your-support-)
- [**Acknowledgments 🙏**](#acknowledgments-)
- [License 📝](#license-)
---
-
HTML5 markup to build raw structure of this web page - React
-
CSS3 custom properties, FlexBox, Grid to make the website visually attractive - Javascript
-
Linters for coding convention and coding formating - Webpack
---
The Drive Easy App displays cars that have been fetched from our API, and allows to add, delete and reserve a car.
---
- [Live Demo Link](https://drive-easy-frontend.onrender.com/)
- [Kanban Board Link](https://github.com/users/Chandan-devs-tech/projects/7/views/1)
- [Screenshot of the initial state of our Kanban board](https://github.com/Chandan-devs-tech/drive-easy-backend/issues/11)
- We are group of four members. You can see the names in the authors section.
In order to run this project you need:
- A GitHub account
- Node JS
- Webpack
- A web browser to view output e.g. [Microsoft Edge](https://www.microsoft.com/en-us/edge).
- An IDE e.g [Visual studio code](https://code.visualstudio.com/).
- [A terminal](https://code.visualstudio.com/docs/terminal/basics).
---
Clone this repository:
```sh
git clone https://github.com/Chandan-devs-tech/drive-easy-frontend.git
```
Navigate to the folder
```
cd drive-easy-frontend
```
Checkout the branch
```
git checkout dev
```
---
Install all dependencies:
```sh
npm install
```
Run the following code to fix possible JavaScript linter errors:
```
npx eslint . --fix
```
---
## **Usage 📂**
Open the page in the browser
```sh
$ npm start
```
👤 **Chandan Gupta**
- GitHub: [@githubhandle](https://github.com/Chandan-devs-tech)
- Twitter: [@twitterhandle](https://twitter.com/ChandanGuptaDev)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/chandangupta-devs)
👤 **Uwimbabazi Dorcas**
- GitHub: [@Dorcas126](https://github.com/Dorcas126)
- Twitter: [@Dorcasuw](https://twitter.com/Dorcasuwi)
- LinkedIn: [Uwimbabazi Dorcas](https://www.linkedin.com/in/uwimbabazi-dorcas-956a5a226/)
👤 **Cephas TOKOLI**
- GitHub: [@Ctokoli](https://github.com/ctokoli/)
- Twitter: [@Ctokoli](https://twitter.com/ctokoli)
- LinkedIn: [Cephas Tokoli](https://www.linkedin.com/in/ctokoli)
👤 **Marie Grace**
- GitHub: [@mariegrace31](https://github.com/mariegrace31)
- Twitter: [@mariegracebmg](https://twitter.com/mariegracebmg)
- LinkedIn: [Marie Grace Bahati](https://linkedin.com/in/marie-gr%C3%A2ce-bahati-546765224)
---
If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an [issue](https://github.com/Chandan-devs-tech/drive-easy-frontend/issues) on GitHub.
Remember, every contribution, no matter how big or small, makes a difference.
---
Thank you for taking the time you took to explore this project! Your support means a lot to us. If you find this project valuable and would like to contribute, here are a few ways you can support us:
- **Star the project ⭐️**: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.
- **Fork the project 🍴 🎣**: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.
- **Share with others 🗺️**: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.
---
We would like to express our sincere gratitude to [Microverse](https://github.com/microverseinc), the dedicated reviewers, and collaborators. Your unwavering support and feedback have played an immense role in making this journey a resounding success. Thank you for being an integral part of our achievements. And many thanks to [Murat Korkmaz](https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign), the author of the original design of this web app.
---
This project is [MIT](./LICENSE) licensed.