Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mwafrika/carcollectors

CarCollectors is website that consumes the car api and the involvement api. It allows the user to browse a large collection of cars, like them, comment on them, and place a reservation order.
https://github.com/mwafrika/carcollectors

css3 es6 eslint html5 javascript jest tailwindcss webpack

Last synced: about 1 month ago
JSON representation

CarCollectors is website that consumes the car api and the involvement api. It allows the user to browse a large collection of cars, like them, comment on them, and place a reservation order.

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# MV-Module2-capstone

> **CarCollectors** is website for customers who want to rent a car. It allows the visitor to browse an extensive collection of beautiful cars using the [Cars API](https://carsapi1.docs.apiary.io/#reference/0/cars-collection). It also allows the user to like, comment and make a reservation for a given car. All data are saved using the [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270).

## Built With

![](https://img.shields.io/badge/HTML-5-orange)
![](https://img.shields.io/badge/Tailwind-CSS-blue)
![](https://img.shields.io/badge/JavaScript-ES6-yellow)
![](https://img.shields.io/badge/Webpack-5-green)
![](https://img.shields.io/badge/JEST-27-yellow)

## Milestones

- [x] Milestone 1: **Project Setup and topic.**
- [x] Milestone 2: **Creation of the Home interface. Creation of the comment and the reservation pop-ups**
- [x] Milestone 3: **Creation of the communication interfaces with the APIs**
- [x] Milestone 4: **Implementation of the likes, comments and the reservations functionalities**
- [x] Milestone 5: **Writing tests to ensure the robustness of the application**

## sneak peek

![](./src/images/home-screenshot.png)

## Getting Started

**Prerequisites:** A Web Browser (preferably FireFox or Chrome)

### **Option 1**

#### Use the live Website

[CarCollectors Website](https://mwafrika.github.io/carCollectors/)

### **Option 2**

#### Set up your own copy locally

- Clone [the GitHub Repository](https://github.com/mwafrika/carCollectors)
- Go to the Project `cd MV-Module2-capstone`
- Run `npm install` to install the _dependencies_ Run `npm run start` to run the live server.

## Authors

👤 **Mwafrika Josué**

- GitHub: [@mwafrika](https://github.com/mwafrika)
- Gmail: [@mwafrika]([email protected])
- LinkedIn: [@mwafrika-mufungizi](https://www.linkedin.com/in/mwafrika-mufungizi/)

👤 **Soufiane Boursen**

- GitHub: [@Sboursen](https://github.com/Sboursen)
- Twitter: [@sboursen_dev](https://twitter.com/sboursen_dev)
- LinkedIn: [@sboursen](https://linkedin.com/in/sboursen)

👤 **Jerry Owusu**

- GitHub: [@jerryowusu](https://github.com/jerryowusu)
- Gmail: [@jerryowusu]([email protected])
- LinkedIn: [@jeremiah-owusu](https://www.linkedin.com/in/jeremiah-owusu-b50a70173/)

## Contributors

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- [Cars API](https://carsapi1.docs.apiary.io/#reference/0/cars-collection)
- [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)
- [Logo Generator](https://inkpx.com/word-art-generator)

## 📝 License

This project is [MIT](./MIT.md) licensed.