/SeatsAssignment

Interactive web application to map the seats of a plane

Primary LanguageTypeScript

Seats Assignment

This is an interactive web application to map the seats of a plane.

The seat map is dynamically generated by fetching the dummy data from https://s3.amazonaws.com/frontend-candidate-homework.lola.co/seats.json. (A copy is also included in the /assets/data/ directory).

  • Seats have a cabin class (first, business, economy), a row (1, 2, etc.) and a letter assignment.
  • They can be occupied, available or selected.
  • The aisle in a cabin class is determined by a missing letter in the seats (i.e. a, b, d, e - "c" is missing, so that's where the aisle is).
  • Cabin classes should be programmatically generated to support any number of rows / columns.

Color legend:

  • Gray: Unavailable seat
  • Blue: Available seat
  • Pink: Selected seat

Seat distribution

Seat distribution with legend

Instructions

In the project folder, run npm install to install the necessary modules.
Then run ng serve for a dev server. Navigate to http://localhost:4200/.

The app will automatically reload if you change any of the source files.



This project was generated with Angular CLI version 7.3.5.