✈️ 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