Vehicle Shifter Frontend

Description

Public Service Vehicle commonly known as Matatus usually queue to wait for their turn to carry passengers. The Queuing Process is not done in an ordely way. If the drivers are not keen, they might be skipped by other drivers.
The vehicle shifter app is meant to automate the queuing process. In addition, it can generate reports. The app is made using React JS and FastAPI

Demo

I have a deployed the application on Netlify
click the following link to check my solution https://vehicle-shifter.netlify.app/

Table of contents

• Prerequisites
• Directory Structure
• Running Locally
• Acknowledgement
• License

Prerequisites

• Node JS Installed

Directory-Structure

vehicle-shifter-frontend
├── public
|   ├── index.html
|	└── favicon.ico
├── src
|   ├── components/
|   ├── context/
|   ├── hooks/
|   ├── images/
|   ├── pages/
|   ├── services/
|   ├── API.js
|   ├── App.js
|   ├── GlobalStyles.js
|   └── index.js
├── .gitignore
├── package-lock.json
├── package.json
└── README.md

Setting-up-Local-Environment

Step 1

clone the repository and navigate to the project directory

git clone https://github.com/maxwellwachira/vehicle-shifter-frontend.git
cd vehicle-shifter-frontend/

Step 2

Check package.json file and ensure scripts are notated as below:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Step 3

Delete the node_modules folder and any 'lock' files such as yarn.lock or package-lock.json if present.

Step 4

Run npm install

npm install

Step 5

final step

npm run start

Acknowledgement

Special thanks to @skndung'u for the idea to make the app

License