This project was generated with Angular CLI version 11.2.6.
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.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the --prod
flag for a production build.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.
- Seat Selection box with Select Seats button
- Middle steps including following elements and features:
- Aircraft Seat Map
- Display different seat types (Extra Legroom, Emergency Exit Row, Standard Seat)
- Consider different seat map layouts (2+2, 3+3, 1+2, 2+3, 2+3+2, 3+4+3)
- Support different number of flights (single flight, outbound/inbound flights, multiple flights with connection)
- Responsive design (3 different breakpoints: extra small, small, and medium+)
- Pre-selected first passenger in first flight
- Select passenger seat for each flight
- Auto-select next passenger
- Tooltip with seat details
- Dynamic passengers list height (depends on number of passengers)
- Update seat selection before confirmation
- Seat selection validation (all seats must be selected in the initial version)
- Seat Selection box with summary details and Edit Seats button
Middle Step, Medium+ Screen (924px+)
Middle Step, Small Screen (612px-923px)
Middle Step, Extra Small Screen (360px-611px)
- https://aircraft-seat-map.web.app/demo/summary?demo=1 (2 flights, 2 passengers, 2+2 and 3+3 seating layout)
- https://aircraft-seat-map.web.app/demo/summary?demo=2 (3 flights, 5 passengers, 2+3+2 and 3+4+3 max seating layout)
- https://aircraft-seat-map.web.app/demo/summary?demo=3 (1 flight, 2 passengers, 2+2 seating layout)
- https://aircraft-seat-map.web.app/demo/summary?demo=4 (4 flights, 2 passengers, 2+2 and 3+3 seating layout)
- https://aircraft-seat-map.web.app/demo/summary?demo=5 (additional examples)
- Airbus A380-800 (853 passengers; 3+4+3 seating layout)
- Boeing 777-300 (550/368 passengers; 2+3+2 seating layout)
- Boeing 747-400 (524/416 passengers; 3+4+3 seating layout)
- Airbus A340-600 (475/380 passengers; 2+4+2 seating layout)
- Boeing 747-8 Intercontinental (467 passengers; 3+4+3 seating layout)