sergio-usma/Final-Capstone-Frontend

This Project is developed using React.js, designed to provide an intuitive user interface for managing reservations or appointments for test drives of Teslas. It communicates with the back-end API built with Ruby on Rails.

Tesla Test Drive

📗 Table of Contents

• 📗 Table of Contents
• 📖 Final Capstone Front End
  • 🛠 ER Diagram
  • 💻 Link to Back End
  • 💻 link to Kanban board information
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

📖 Tesla Test Drive Front End

Tesla Test Drive Front End The front-end component of this final capstone project is developed using React.js, designed to provide an intuitive user interface for managing reservations or appointments for test drives of teslas. It communicates with the back-end API built with Ruby on Rails.

🛠 ER Diagram

back to top

💻 Link to Back End

Link to Back End API

back to top

💻 link to Kanban board

Link to Kanban Board

Link to Initial State of Kanban board

This project was completed by three Team members:

• Alhassan Osman
• Sergio Andres Usma
• Gueleu Farida

back to top

🛠 Built With

Tech Stack

Technologies

• React.js

Key Features

• API communication with Backend
• Login and Register users
• Responsive Design
• Create and modify Teslas and reservations

back to top

💻 Getting Started

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

Prerequisites

Before you begin, make sure you have the following prerequisites installed on your system:

• Node.js: You need Node.js to run the React.js application.
• npm: npm is used to manage packages in your React project.

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/flemton/Final-Capstone-Frontend.git

Install

Install this project with:

  npm install

Usage

To run the project, execute the following command:

  npm start

back to top

👥 Authors

👤 Alhassan (Newton) Osman

• GitHub: @flemton
• LinkedIn: @newtongh

👤 Gueleu Farida

• GitHub: @SFarida
• LinkedIn: Gueleu Farida

👤 Sergio Andres Usma

• GitHub: @sergio-usma
• LinkedIn: sergio-usma

back to top

🔭 Future Features

• User Authentication and Authorization
• Integration with External calendars for reminders
• 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 find this project helpful, feel free to contribute or give it a star. Your support is appreciated!

back to top

🙏 Acknowledgments

• We would like to thank Murat Korkmaz for the original design and Microverse for providing the opportunity to learn and implement this in a group, this helped us overcome so many challenges and also helped us grow.

back to top

❓ FAQ (OPTIONAL)

• Can I use your project as a template for my own project?

  • Certainly, feel free to use this project as a template for your own work.

• Is your project licensed?

  • Yes, this project is open-source and available under the MIT License. You can find more details about the license here.

back to top

📝 License

This project is MIT licensed.

back to top