Simple Picture Viewer
Task
Complete this Angular app. The goal is to have 2 simple pages.
First, an overview page showing a list of pictures, sorted by id. Clicking on a picture should direct to the second page, a detail page. On this page some details about the selected picture should be provided, the user should be able to change the size of the preview picture and should also be able to remove the picture.
The data to create the picture-list from is located at src/app/iplabs/imageData.ts
.
This data may not be modified, only loaded.
There should be no errors appearing on the console throughout the use of the application.
Important note
Please fork this project, otherwise your changes will not be saved. When you have finished the task, send us the link from the fork.
Hints
- In the folder
src/app/iplabs/
you will find data and helper-classes to be used. They must be used and may not be modified. - Important: Use all of the given structures, classes and methods
- Styling and unit-testing is not necessary
- Here you will find screenshots of an example implementation:
- The task should not take you significantly longer than 2 hours.