https://github.com/msarsha/angular-assignment
https://github.com/msarsha/angular-assignment
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/msarsha/angular-assignment
- Owner: msarsha
- Created: 2017-09-11T05:59:49.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-11T10:29:58.000Z (over 7 years ago)
- Last Synced: 2025-01-08T08:32:28.530Z (5 months ago)
- Language: TypeScript
- Size: 142 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Assigment
### NOTE: You must have git and node installed !
---------
#### How to get started:
* Clone this repository `git clone https://github.com/msarsha/angular-assignment.git`.
* Install packages using `npm install`.
* Start the application using `npm start`.
* Start the REST api server using `npm run json-server` (will be served on `http://localhost:3000`).
_If you have any questions please open an issue so everyone could read it._
#### Flights REST api details:
The application uses `json-server` to create an API that you can then get data from.
For example: http `GET` request to `http://localhost:3000/flights` will return all flights.
#### Available api routes:
`GET /flights` return all flights
`GET /flights/1` return flight with id 1
`PUT /flights/1` save flight with id 1
`GET /pilots` return all pilots
#### Application requirements:
* home page to display all flights (display only number and route).
- user should be able to click on a flight => clicking will then show the flight details section.
* details section to display flight data
- allow the user to change the check-in status.
- display dropdown to select a pilot
- allow the user to save his changes
* use components to re-use functionality
#### Bonus
* use the router to create details page
* implement search field on the home page
* use the `forms` module