Git Product home page Git Product logo

bytecar's Introduction

ByteCar

Home:

image

Kanban:

image

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

image

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

  • CSS (Front-end) CSS3

  • Tailwind (Front-end) Tailwind

  • JavaScript (Front-end) JavaScript

  • Webpack (Front-end) Webpack

  • React (Front-end) React

  • React-router (Front-end) React-router

  • Redux (Front-end) Redux

  • Ruby 3.1.2 (Back-end) Ruby

  • Ruby on Rails 7.0.3 (Back-end) Rails

  • PostgreSQL (Back-end) Postgresql

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

Authors: ๐Ÿ‘‹

๐Ÿ‘ค Jose

๐Ÿ‘ค Hector Torres

๐Ÿ‘ค Fabiano Frank

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: ๐Ÿ“

License: ๐Ÿง

This project is MIT licensed.

bytecar's People

Contributors

fabianofrank avatar hectortorrese avatar rcqx avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

fabianofrank

bytecar's Issues

[3.5pts] Navigation panel

Motorcycles/doctors/classes/items that you selected as a theme.
"Reserve" form.
"My reservations".
"Add motorcycle/doctor/class/item that you selected as a theme" (the link is visible to everybody).
"Delete motorcycle/doctor/class/item that you selected as a theme" (the link is visible to everybody).

[2.0pts] Delete Item Action CAR

When the user clicks the "Delete item" link in the navigation panel they can see a list of all items with title and "Delete" button.
When the user clicks the "Delete" button, the selected item is marked as removed and does not show on the main list anymore.

[3.0pts] Create Reservation

In the details page, the user can click the "Reserve" button (in the design you can see the "Configure" button - please replace it with the "Reserve" button).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.