aliciaphes / SeatsAssignment

Interactive web application to map the seats of a plane

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Interactive web application to map the seats of a plane


Languages

Language:TypeScript 70.4%Language:JavaScript 10.9%Language:CSS 10.1%Language:HTML 8.6%