This project was generated with Angular CLI version 11.0.1.
- Run
npm ito install packages
- Run
ng sfor a dev server - Navigate to
http://localhost:4200/
- Run
ng buildto build the project - The build artifacts will be stored in the
dist/directory - Use the
--configuration productionflag for a production build - The
--prodflag is deprecated, and we must now use--configuration productionflag
- User is getting data from 3 APIs
- Navigation is displayed via PrimeNG Menubar
- User is able to switch between 2 News categories via PrimeNG TabView
- News articles contain: title, description, author, date of publish, image (if has one) and URL to original post
- User is able to search News articles by keywords via Ng2 Search Filter
- News articles are filtered by language & category
- News articles can be sorted - ASC or DESC
- News articles are displayed via PrimeNG Card
- Original News articles can be seen via PrimeNG Button
- User can view Reporters via PrimeNG Table & Dynamic Dialog on large screens and it's details via PrimeNG Card & Inplace on mobile screens
- User can choose not to see Reporter details (pop-up) Dialog via PrimeNG ToggleButton
- User can view Workers via PrimeNG Listbox
- User can view Worker Flights via PrimeNG Sidebar and PrimeNG Card
- User can copy Worker Flights number via ngxClipboard
- Worker Flights are modified with custom and build-in Angular pipes
- User can switch between English and Serbian laguage via PrimeNG Menu
- Content is translated via Transloco Service
- Project is using PrimeFlex and custom styles
https://mediastack.com/https://jsonplaceholder.typicode.com/https://interview-mock.herokuapp.com/
- PrimeNG
- PrimeIcons
- PrimeFlex
- Angular CDK
- Ng2 Search Filter
- Transloco Service
- ngxClipboard
- Menubar
- Table
- DynamicDialog
- Menu
- Inplace
- TabView
- Listbox
- Sidebar
- ToggleButton
- Card
- Button
- ProgressSpinner
- InputText