Giter Club home page Giter Club logo

car-hub's Introduction

Carhub App Frontend

carhub

๐Ÿ“— Table of Contents

๐Ÿ“– Carhub App

Carhub App: is the react client of a full stack car reservation web application built on the rails API.The main function of the app is to allow users to book reservations for renting or buying a car.

=> Here is the Reservation-API

๐Ÿ›  Built With

Tech Stack

Client
Server
Database

Key Features

  • The user logs in to the website, only by typing the username
  • The user can see links to: Cars, Reserve, My Reservations, Add Car, and Delete Car
  • See a list of cars
  • User can select the item and see details of the item
  • user clicks the "Add item" link in the navigation panel they can see a form for adding a new item.
  • When the user clicks the "Delete item" link in the navigation panel they can see a list of all items with title and "Delete" button.
  • When the user clicks the "My reservations" link in the navigation panel they can see a list of their reservations (with information about item name, date and city).
  • "Add item" and "Delete item" links are accessible only by users who are admins.

(back to top)

๐Ÿš€ Live Demo

(back to top)

Kanban Board

A Team of 5 Members worked on this project - See list of authors

(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:

  • React
  • Redux
  • Rails
  • Tailwind CSS and HTML
  • Code editor (VSCode, RubyMine)

Setup

Clone this repository to your desired folder:

  git clone https://github.com/deniodev/car_reservation_front_end.git

Install

Install this project with:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm run dev or yarn run dev

Run tests

To run tests, run the following command:

  npm test

Deployment

You can deploy this project using your own deployment solution

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Unorji Kingsley

๐Ÿ‘ค Biftu Girma

๐Ÿ‘ค Musangamfura Emmmanuel

๐Ÿ‘ค Salma Ibrahim

๐Ÿ‘ค Denio Nhanale

(back to top)

๐Ÿ”ญ Future Features

  • Add an option to buy new cars
  • Implement Edit button in the Delete car section
  • Redirect the email confirmation link to login page

(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 consider adding a โญ๏ธ

(back to top)

๐Ÿ™ Acknowledgments

Original design idea by Murat Korkmaz on Behance.

We would like to thank Microverse.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

car-hub's People

Contributors

deniodev avatar saluumaa avatar musangamfure avatar bifabig avatar unorjikingsley avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.