ListWorker

You can see the demo version of this project under the link - https://shimanskayaelena.github.io/list-worker/

Exercise

Write a single web page that: http://jsonplaceholder.typicode.com/users

1. When loaded, gets a list of users from the following url:
2. Displays some basic info of the users in an html table or whatever you want.
3. Allows opening a detailed view for a user in a modal window on the current page.
4. Add some basic CSS to make the table and other elements easy on the eyes.
5. Make the page support browser refresh and bookmarkable, where it re-opens a users`s detailed view in case it was opened before.

Pre start

1. Create a github/ bitbucket/ etc repository and provide a link.
2. Estimate each task of the project in hours before start it and provide estimated time.
3. After finishing all tasks provide us elapsed time for each task, if you spent time on research specify how much time has been spent.

Guidelines

1. Frequent commit history.
2. Write .html / .css / .js / .ts in separate files.
3. All files should be separated by parts (directories) for which they are responsible, part includes .html / .css / .js / .ts files.
4. Prepare all needed npm / grunt / gulp etc. tasks to run app / lints / tests / etc.
5. Describe in readme file how to start and use your project`s tasks.
6. Code should be readable so make sure it is adjusted and easy to read.
7. Angular 2 is mandatory. If you want, you can use jquery or other libraries / packages. But don`t use 3d-party library for modal window.
8. The project should be able to run with a basic static web-server with minimal congiguration.
9. Feel free to add comments in the code on possible issues / decisions you had to take. 10.* Bonus - use eslint / tslint and please make sure that your code without linter errors / warnings. 11.* Bonus - write your solution in TypeScript and make it fully typed. 12.* Bonus - make the most of opportunities of ES6 if appropriate. 13.* Bonus - tests.

What else to read https://angular.io/guide/quickstart https://egghead.io/courses/angular-2-fundamentals https://rawgit.com/johnpapa/angular-2-first-look-launcher/master/index.html https://github.com/AngularClass/awesome-angular - thousands of them

This project was generated with Angular CLI version 1.1.1.

Development server

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|module.

Build

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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.