Tesla Car Booking Frontend

Ivan Gonzalez & Bruno Kambere & Ali Baba & Hafiz Rasa & Steven Wafeek

📗 Table of Contents

• 📖 About the Project

  • 🔗 Link to Backend Rails app
  • Kanban borad
    • 🚀 Live Demo
  • 🛠 Built With
    • Tech Stack
    • Key Features

• 💻 Getting Started

  • Prerequisites
  • Setup
  • Install

• 👥 Authors

• 🔭 Future Features

• 🤝 Contributing

• ⭐️ Show your support

• 🙏 Acknowledgements

• 📝 License

📖 Tesla Car Booking Frontend

Tesla Car Booking Frontend is the front-end app that provides a user interface for booking Tesla cars test drives. This app is integrated with the back end Ruby on Rails API app linked below.

💻 Link to back end Rails app

The link to the Rails app:

• Rails app link

Kanban board

Our project utilizes a Kanban board to visualize and manage tasks throughout the development process. The board is divided into several columns representing different stages of the workflow. Each task is represented by a card that can be moved between columns as it progresses.

Columns:

• To Do: Tasks planned for the current or upcoming sprints.

• In Progress: Tasks that are actively being worked on.

• Review: Tasks that are completed and awaiting review.

• Done: Tasks that have been completed and implemented.

• Kanban board link

• The initial state of Kanban board

• Final Team Size: 5 members

(back to top)

🚀 Live Demo

The link to the project deployed:

• Live Demo api link
• Live Demo front end app link

(back to top)

🛠 Built With

Tech Stack

Client

• React
• Redux
• CSS

Key Features

• Add React Router for Navigation
• Add the Redux State Management
• Components for navigation panel, user and reservation forms, main page, details page

(back to top)

💻 Getting Started

In this project it is used React to build a Tesla Car booking mobile and desktop web app.

Prerequisites

In order to run this project you need:

1. Git.
2. Visual Studio Code or another code editor.
3. Browser.

Setup

To get a local copy, follow these steps.

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/ivangonzalez224/Tesla-car-booking-front-end.git

Install

This project does not require installation. Just clone the repository to your local machine. Even though, for general purposes, Install this project with:

  cd my-folder
  npm install

Usage

To run the project, do the following:

• Run npm start to open the project in your browser.

(back to top)

👥 Authors

👤 Iván Gonzalez

• GitHub: @ivangonzalez224
• Twitter: @Ivan Gonzalez
• LinkedIn: Iván Gonzalez Robles

👤 Ali Baba Hussaini

• GitHub: @Alibaba2023
• LinkedIn Alibaba Hussaini

👤 Hafizullah Rasa

• GitHub: Hafiz Rasa
• LinkedIn: Hafiz Rasa

👤 Bruno Kambere

• GitHub: @kambereBr
• Twitter: @kambereBr
• LinkedIn: bruno kambere

👤 steven wafeek

• GitHub: StevenWafeek
• Twitter: steven_hakeem
• LinkedIn: steven wafeek

(back to top)

🔭 Future Features

• A page for user profile management.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project please leave a star!

(back to top)

🙏 Acknowledgments

I would like to thank Microverse.

Attribution

• Title: Creative Commons
• Author: Murat Korkmaz
• Source: https://www.behance.net/gallery/26425031/Vespa-Responsive-Redesign
• License: https://creativecommons.org/licenses/by-nc/4.0/

(back to top)

📝 License

This project is MIT licensed.

(back to top)