zikazaki / vespa-frontend Goto Github PK

Your online vespa-motorcycle booking app where you can book an appointment to try any model you like in a different cities worldwide. Built with Ruby on Rails, React, & Redux.

HTML 33.17% CSS 0.34% JavaScript 66.49%

online-vespa-booking-app react redux ruby-on-rails tailwindcss vespa

vespa-frontend's Introduction

Vespa-Frontend

📗 Table of Contents

📗 Table of Contents
📖 Vespa-Frontend

📖 Vespa-Frontend

Vespa-Frontend is a UI React app that consumes the Vespa-Backend API APP, in order to display the vespa appointment webapp.

🛠 Built With

Tech Stack

Client

Tailwind CSS

Server

Database

PostgreSQL

Key Features

Show Random Greeting
Feature 2
Feature 3

(back to top)

🚀 Vespa-Backend API App Link

Vespa-Backend-API-App-Link

(back to top)

🚀 Live Video Demo (not available yet)

Live Video Demo

(back to top)

🚀 Live Demo (not available yet)

Live Demo Link

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

 gem install rails

Setup

Clone this repository to your desired folder:

  git clone [email protected]:ZikaZaki/vespa-frontend.git

Change directory to the project folder:

  cd vespa-fronted

Install

Install all the dependencies:

  bundle install

Usage

To run the project, execute the following command:

  rails server

Run tests

To run tests, run the following command:

  bin/rails rspec spec

  bin/rspec

(back to top)

👥 Authors

👤 Zakariya Al-Khamisi (ZikaZaki)

GitHub: ZikaZaki
Twitter: Zakariya Al-Khamisi
LinkedIn: Zakariya Al-Khamisi

👤 Sonick Mumba (Sonick Mumba)

👤 Marvellous Ibironke

(back to top)

🔭 Future Features

Sign-in & Sign-up
Add Multi-Languages Feature
Add Dark Theme

(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 give it a ⭐️!

(back to top)

🙏 Acknowledgments

Microverse
GitHub

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)

vespa-frontend's People

Contributors

Stargazers

Watchers

Forkers

tommymarvel

vespa-frontend's Issues

[3pt] Create the Splashscreen `component` for the app.

Create the Splashscreen component, which holds the webapp logo.
Make sure to display two buttons, for Sign-in and one for Sign-up.

[3pt Optional] Create the CityDetails `component`.

Create the CityDetails component.
Make sure to display all city info.

[5pt] Create Sign-in & Sign-up `components` with React.

Create the Sign-in component with the actions, reducers.
Create the Sign-up component, actions, reducers.
Make sure both components consumes the Rails-API Endpoints.
Add the styling for both components using Tailwind CSS.

[4pt] Create & setup the React UI app (group task).

Create a separate repository for the React UI app.
Create a new React UI app using this command npx create-- react-app my_react_ui_app.
Setup linters for the React UI project.

[2pt Optional] Create the CitiesList `component`.

Create the CitiesList component.
Make sure to all cities.

[3pt] Create the MotorcycleDetails `component`.

Create the MotorcycleDetails component.
Make sure to display all the details for the bike.
Make sure to display a Reserve button which one clicked redirect the user to the "Book a vespa test-ride" page.

[5pt] Create the `LandingPage` with `NavigationPanel` components.

Create the LandingPage component.
Create the NavigationPanel component.
Make sure to add the social-link buttons in the bottom of the panel as shown in the design guidelines.
Make sure to add the copy right in the bottom of the panel as shown in the design guidelines.

[2pt] Create the ReservationsList `component`.

Create the ReservationsList component which displays all the reservations for the user.

[3pt] Create the City `component`..

Create a City component.
Make sure you display all the City info.
Make sure to stick to the design guidelines provided main requirements.

[3pt] Create the Motorcycle `component`..

Create a Motorcycle component.
Make sure you display the latest-models on this component.
Make sure that each bike/item is clickable so when clicked it redirects the user to the details page.
Make sure to stick to the design guidelines provided main requirements.

[2pt] Create the MotorcyclesList `component`.

Create the MotorcyclesList component.
Make sure to display the latest models.

[3pt] Create the Reservation `component`.

Create a Reservation component.
Make sure that each reservation/item is clickable so when clicked it redirects the user to the details page.
Make sure to stick to the design guidelines provided main requirements.

[3pt Optional] Create the ReservationDetails `component`.

Create the ReservationDetails component.
Make sure to display all the details for the Reservation.

zikazaki / vespa-frontend Goto Github PK

vespa-frontend's Introduction

Vespa-Frontend

📗 Table of Contents

📖 Vespa-Frontend

🛠 Built With

Tech Stack

Key Features

🚀 Vespa-Backend API App Link

🚀 Live Video Demo (not available yet)

🚀 Live Demo (not available yet)

💻 Getting Started

Prerequisites

Setup

Install

Usage

Run tests

👥 Authors

🔭 Future Features

🤝 Contributing

⭐️ Show your support

🙏 Acknowledgments

📝 License

vespa-frontend's People

Contributors

Stargazers

Watchers

Forkers

vespa-frontend's Issues

Recommend Projects

Recommend Topics

Recommend Org