✈️ React Passengers ✈️

  • ? simple React application built with Vite, React, Bootstrap and JSON-server with Axios and TypeScript.
  • ? Added state management with React context.

screenshot

? Features

  • ? Vite
  • ⚛️ React
  • ? Bootstrap
  • ? JSON-server
  • ? TypeScript
  • ? Axios

? Getting Started

  1. Clone this repository
git clone
  1. Install dependencies
yarn
  1. Run the development server
yarn dev
  1. Run the JSON-server
yarn server
  1. Open http://localhost:3000 with your browser to see the result.

? Bootstrap components

  • ? to simplify building this application I extracted components built with bootstrap to separate components: Badge, Button, Input etc.
  • ? components are located in src/components directory

? JSON-server

  • ? I used JSON-server to mock API
  • ? data is located in db.json.

? Context

  • ? I used React context to manage state of the application
  • It now allows user to change theme of the application (light/dark)

screenshot

✈️ TODOS:

  • ⚙️ Advance app to use Redux
  • ⚙️ Create tests for the app
  • ⚙️ Implement authorisation with json-server-auth
  • ⚙️ Custom styles
  • ⚙️ Cleanup code and architecture
  • ⚙️ Get rid of any types
  • ⚙️ Some extra features: expand passenger model, add pilots, add airplanes, about page etc.

GitHub

View Github