CarCollectors is website for customers who want to rent a car

Last update: May 3, 2022

Overview

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. It also allows the user to like, comment and make a reservation for a given car. All data are saved using the Involvement API.

Built With

Milestones

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

sneak peek

Getting Started

Prerequisites: A Web Browser (preferably FireFox or Chrome)

Option 1

Use the live Website

CarCollectors Website

Option 2

Set up your own copy locally

Clone the GitHub Repository
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

👤 Soufiane Boursen

GitHub: @Sboursen
Twitter: @sboursen_dev
LinkedIn: @sboursen

👤 Jerry Owusu

GitHub: @jerryowusu
Gmail: @jerryowusu
LinkedIn: @jeremiah-owusu

👤 Mwafrika Josué

GitHub: @mwafrika
Gmail: @mwafrika
LinkedIn: @mwafrika-mufungizi

Contributors

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

📝 License

This project is MIT licensed.

Comments

JavaScript capstone project - API-based webapp
Description

CarCollectors is website made for users that are interested in renting a car. It allows the visitor to browse an extensive collection of beautiful cars using the Cars API. It also allows the user to like, comment and make a reservation for a given car. All data are saved thanks the Involvement API.

General requirements

[x] There are no linter errors.

[x] Followed the Github flow.

[x] The documentation is professional.

HTML/CSS and JavaScript requirements

[x] Followed the list of best practices for HTML & CSS.

[x] Followed the list of best practices for JavaScript

Capstone project requirements

Built With

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

Additional notes

We apologize for the submission delays. It was due to some difficulties handling the Cars API.

We made a video demo for our website.

We easy access to our website please use this Live link

Thank you for taking the time to review this pull request.

Happy reviewing :grinning:
opened by Sboursen 6
Add header
Description

In this Branch

[x] I added a basic header for the Home page.

[x] I added a basic style to the header

closes #17

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by Sboursen 2
Better documentation
Description

In this Branch

[x] I updated the project title in the readme

[x] I added require to the name user input

[x] I fixed typos in the readme

closes #17

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by jerryowusu 1
Peer to peer review
When adding the reservation, the result does not appear on the list unless you refresh

The form inputs should be reset after submitting the reservation.
opened by mwafrika 1
Display, add new reservations and reservation counter
In this Branch

[x] I added a functionality to display reservations

[x] I created a functionality to add new reservations

[x] I added the reservation counter

closes #4 #7 #10

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by jerryowusu 1
Item counter test
Description

In this Branch

[x] I created a document mock in order to have an isolated environment for the tests.

[x] I wrote a test for the getAllCarsCount that returns the number of cars available.

closes #3

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by Sboursen 1
Morning session: Peer-to-peer code review -- 10th MAR 2022
Hi @jerryowusu , :wave:

Good work implementing the Display-reservations-pop-up feature. However, we suggest implementing the following modification:

[ ] Please Move the year to the space under the horsepower.

[ ] You can also try to have a good structure of the popup like it shown in the requirements:

Please feel free to ask for any more clarification about the issues we raised. Happy Coding! :rocket:
opened by Sboursen 1
Add item counter
Description

In this Branch

[x] I added a counter for the car cards in the main section.

closes #4

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by Sboursen 1
Display reservations pop up with selected items
Description

In this Branch

[x] I created reservations pop up page.

[x] I added a basic style to the reservations page

closes #13

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by jerryowusu 1
Display likes
Description

In this Branch

[x] I Created a new communication interface with the involvement API.

[x] I Created an async method that updates the likes.

[x] I implemented a method that toggles between the like and the unlike stakes of the heart button

closes #12

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

ScreenShot

Thank you for taking the time to review this pull request.
opened by Sboursen 1
Add footer
Description

In this Branch

[x] I added a basic footer for the Home page.

[x] I added a basic style to the header

closes #16

other requirements

[x] There are no linter errors.

[x] Followed the Gitflow.

Thank you for taking the time to review this pull request.
opened by mwafrika 1

Owner

Soufiane Boursen

Full-stack software developer. MongoDB, Rails, React, Tailwind. Machine learning enthusiast. R&D process engineer. Open to new opportunities.

GitHub https://sboursen.github.io/MV-Module2-capstone/

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

3 May 18, 2022

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

4 May 3, 2022

Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

14 Jan 3, 2023

This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an

8 Jun 16, 2022

Simple car driving game with birds eye view.

Car Driving Game Simple car driving game with birds eye view. Messing around with vanilla script. Try it out but don´t hit the ?? ´s Live Version Clic

2 Apr 5, 2022

Marketing-redirect - Redirect your customers from your marketing page to the application they're paying for

Marketing Redirect Do you have a marketing page and an app with two separate, bu

5 Feb 11, 2022

Web application to keep your car healthy.

Heal my car Heal my car is a web application which makes it easier to take care of your car. Key Features Book a service for your car, Estimate the co

4 Jun 9, 2022

Personal RasPi console for my car for basic diagnostics and media playback.

mycardashpoc Personal RasPi console for my car for basic diagnostics and media playback. Integrates with OBD and MPD and serves a simple dashboard wit

4 Jul 12, 2022

A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most.

A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most. helpkb is an open-source Next.js (A

11 Dec 5, 2022

IPLD transaction as CAR buffer [for use in databases]

car-transaction IPLD transaction as CAR buffer that can be used as a database transaction. Usage import Transaction from 'car-transaction' const run

12 Sep 17, 2022

Open-source API to securely share data with customers.

Offer secure data pipelines to your customers' data warehouses, directly from your product. Slack · Website · Docs About Pipebird Direct, secure, and

169 Dec 23, 2022

Under the Sea is an official AWS workshop delivered by AWS SAs and AWS Partners to help customers and partners to learn about AIOps with serverless architectures on AWS.

Under the Sea - AIOps with Serverless Workshop Under the Sea is an exciting MMORPG developed by the famous entrepreneur behind Wild Rydes, the most po

4 Nov 16, 2022

Blog-webapp - A simple webapp prototype that serves tech news, blogs, and anything else a developer might want to learn or get help with

Blog Web app A simple webapp prototype that serves tech news, blogs, and anythin

6 Nov 3, 2022

SafeCycle—a tool that keeps cyclists safe. Gone are days of weaving through busy city streets, SafeCycle finds all the bike routes for you to ensure a smooth ride wherever you want to go.

Inspiration Biking—an everyday form of travel for students and professionals across the globe. On-campus, back home, and with the people that we know

2 May 2, 2022

CarCollectors is website for customers who want to rent a car

Related tags

Overview

MV-Module2-capstone

Built With

Milestones

sneak peek

Getting Started

Option 1

Use the live Website

Option 2

Set up your own copy locally

Authors

Contributors

Show your support

Acknowledgments

📝 License

Comments

Description

General requirements

HTML/CSS and JavaScript requirements

Capstone project requirements

Built With

Milestones

Additional notes

Happy reviewing :grinning:

Description

other requirements

Description

other requirements

other requirements

Description

other requirements

Hi @jerryowusu , :wave:

Description

other requirements

Description

other requirements

Description

other requirements

ScreenShot

Description

other requirements

Owner

Soufiane Boursen

Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.

Simple car driving game with birds eye view.

Marketing-redirect - Redirect your customers from your marketing page to the application they're paying for

Web application to keep your car healthy.

Personal RasPi console for my car for basic diagnostics and media playback.

A superfast and easy to use knowledge base to help your customers get the info they need, when they need it most.

IPLD transaction as CAR buffer [for use in databases]

Open-source API to securely share data with customers.

Under the Sea is an official AWS workshop delivered by AWS SAs and AWS Partners to help customers and partners to learn about AIOps with serverless architectures on AWS.

Alluo Decentralised App (dapp) allowing customers to interact with the Alluo protocol

This is a website for you to write what you want to do after or done befor and manage it.

If you want to know more about your favorite TV show then you've come to the right place!

FakeCommitter is a tool for those who want to be a GITHUB POPSTAR WITH A LOT OF CONTRIBUTIONS DAILY

DiscordJs13-handler is the solution for all the discord.js developper who want a complete handler for slash commands

Blog-webapp - A simple webapp prototype that serves tech news, blogs, and anything else a developer might want to learn or get help with

SafeCycle—a tool that keeps cyclists safe. Gone are days of weaving through busy city streets, SafeCycle finds all the bike routes for you to ensure a smooth ride wherever you want to go.