This is a web page that let's you make an appointment for an electic car test drive.

This app makes use of API calls to its back-end API to get the data for everything regarding users, cars, and reservations.

With the ByteCar app, you can do the following:

• Authenticate users:

  • Create an account by providing a valid data.

  • Log in by providing your user data.

• Cars:

  • Once you log in, you'll be able to see a list of cars avaiable for reservation.
  • On click of these cars, you can access their details where you can then decide if you want to make a reservation by clicking the reservation button.
  • On the reservation page you can select a city and a date to for the test drive.
  • From the navigation bar you can go to add a new car fill the new developer form, after you successfully submit the form, you should be able to see it in the catalog of cars.
  • Also from the navigation bar, you can navigate to the remove car page, you'll see a list of all the available cars with a reduced amount of info, but with the ability of deleting them on a single click after confirmation.

• Reservations:

  • After creating a new reservation or by navigating from the navigation bar, you'll find yourself in the reservations page, where you can check the reservation details and delete it after a confirmation.

• HTML (Front-end)

• CSS (Front-end)

• Tailwind (Front-end)

• JavaScript (Front-end)

• Webpack (Front-end)

• React (Front-end)

• React-router (Front-end)

• Redux (Front-end)

• Ruby 3.1.2 (Back-end)

• Ruby on Rails 7.0.3 (Back-end)

• PostgreSQL (Back-end)

• JWT gem (Back-end)

• Rswag gem (Back-end)

To get a local copy up and running follow these simple example steps.

• Click on the top right green "code" button.

• On the dropdown menu, choose "download with zip" button.

• After download, extract the zip file and you have the project on your machine.

• Run npm i to intall all the project dependencies.

• Run npm start to run the application.

This project was developed by a team of 5 people, you can check that out in our authors section.

• You can click here to redirect to our project kanban board.

• GitHub: @jr-cast
• Twitter: @josercastanos
• LinkedIn: @jr-cast

• GitHub: @HectorTorres
• Twitter: @HectorT
• LinkedIn: @Hectorjte

• GitHub: @fabianofrank
• Twitter: @fabianofrankk
• LinkedIn: @fabianofrank

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Give a ⭐️ if you like this project!

• Hat tip to anyone whose code was used

• Thanks to Murat Korkmaz for creating this fantastic design that this project was based on!

This project is MIT licensed.