Zel-hub7/motorcycle_booking_front_end

This Final Capstone Project is a web application that allows users to book an appointment to try a motorcycle. We have followed the design guidelines provided to us, but we have also added some personal touches to the content.

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 🧗‍♂️ Kanban Board
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Back-end API Project
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Motorcycle Booking Front-end

video1500196760.mp4

Motorcycle Booking Front-end This repository contains the React/Redux front-end application for the "Motorcycle Booking" project. The front-end provides an intuitive user interface for interacting with the booking system. Users can log in with a username, browse a list of motorcycles, view detailed information about specific motorcycles, reserve appointments, add new motorcycles, and manage existing ones. The application is designed to be responsive, offering a seamless experience on both desktop and mobile devices. The front-end communicates with the back-end API to ensure a cohesive and efficient user experience.

🛠 Built With

React, redux, node, Visual Studio Code, WSL

Tech Stack

• React
• Redux
• WSL

Key Features

• User Interface
• Responsive Design
• Reservation Workflow
• Motorcycle Management

🚀 Live Demo

• Live Demo Link

🧗‍♂️ Kanban Board

(back to top)

💻 Getting Started

Setup

In order to use this project.. Clone this repository to your desired folder by pasting this command in your command line interface:

  git clone https://github.com/Kaiserabbas/motorcycle_booking_front_end.git

You can also clone the back-end project using the following command:

  git clone https://github.com/Kaiserabbas/motorcycle_booking_back_end.git

Prerequisites

Node Git

Install

To install the project's dependencies, run:

  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

To test, run:

  npm test

Back-end API Project

Back-end API project link.

(back to top)

👥 Authors

• GitHub: Qaisar
• GitHub: Graciano
• GitHub: Albert
• GitHub: Pushkar
• GitHub: Zelalem

🔭 Future Features

• Enhanced User Profile
• Appointment Calendar
• Real-time Updates
• User Reviews and Feedback

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Kindly give this project a star if you like it.

(back to top)

🙏 Acknowledgments

We would like to thank Murat Korkmaz for the original Design on Behance.

(back to top)

📝 License

This project is MIT license.

(back to top)