rcqx / bytecar

An app for leasing and buying electric vehicles. React, Redux & tailwind CSS

ByteCar

Home:

Kanban:

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.

ERD

App functions: 😉

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.

Built With: 🔍

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

Getting Started: 📈

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.

Kanban Board:

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.

Authors: 👋

👤 Jose

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

👤 Hector Torres

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

👤 Fabiano Frank

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

Contributing: 🤝

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: 📝

• Hat tip to anyone whose code was used

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

License: 🧐

This project is MIT licensed.