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

Final Capstone 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 cars. It communicates with the back-end API built with Ruby on Rails.

back to top\

Link to Demo

Link to Back End

back to top\

Link to Kanban Board

Initial state

This project was completed by two of the three original Team members:

• Pablo Bonasera
• Claudia Rojas

(back to top)

• React.js Components
• API Communication with Backend
• User-Friendly Interface
• Responsive Design
• State Management

back to top\

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

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.

Clone this repository to your desired folder:

sh
cd my-folder
git clone https://github.com/ClaudiaRojasSoto/Final-Capstone-Front-End.git

Install this project with:

• npm install

To run the project, execute the following command:

npm start

To run the frontend tests, follow these steps:

Before running the tests, ensure you have the following installed:

• Node.js: You need Node.js to execute the test scripts.
• npm: npm is used to manage packages in your React project.

Additionally, make sure you have installed the following testing extensions:

• jest-fetch-mock: Used for mocking fetch requests.
• redux-mock-store: Used for mocking Redux store.
• redux-thunk: Used for testing Redux thunks.

Execute the following command to run the tests:

npm test

This command will run the test suites and provide you with the test results and coverage information.

back to top

👤 Claudia Rojas

• GitHub: @ClaudiaRojas
• LinkedIn: @ClaudiaRojas

👤 Pablo Bonasera

• GitHub: @PabloBona
• LinkedIn: Pablo Bonasera

back to top\

• User Authentication and Authorization
• Integration with External APIs for Car Information
• User Profile Management

back to top\

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

back to top\

If you find this project helpful, feel free to contribute or give it a star. Your support is appreciated!

back to top\

• Behance and Murat Korkmaz for the original design
• Microverse for providing the opportunity to learn in a collaborative environment.
• React.js Documentation for valuable resources on React development.
• GitHub for version control and collaboration tools.

back to top\

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

This project is licensed under the MIT License - you can click here to have more details MIT.

back to top\