Skip to content

Project is using Lazy Loading and Preloading Strategy. Installed packages: PrimeNG, PrimeIcons, PrimeFlex, Angular CDK, Ng2 Search Filter, ngxClipboard, Transloco Service. PrimeNG components: Menubar, DynamicDialog, Inplace, TabView, Menu, Table, Listbox, Sidebar, ToggleButton, Card, ProgressSpinner, InputText, Button. There is the same project …

MilosCemalovic/primeng-newspaper

Repository files navigation

primeng-newspaper

This project was generated with Angular CLI version 11.0.1.

Run the project

  • Run npm i to install packages

Development server

  • Run ng s for a dev server
  • Navigate to http://localhost:4200/

Build

  • Run ng build to build the project
  • The build artifacts will be stored in the dist/ directory
  • Use the --configuration production flag for a production build
  • The --prod flag is deprecated, and we must now use --configuration production flag

Description

  • 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

Project is using APIs from

  • https://mediastack.com/
  • https://jsonplaceholder.typicode.com/
  • https://interview-mock.herokuapp.com/

Installed packages

  • PrimeNG
  • PrimeIcons
  • PrimeFlex
  • Angular CDK
  • Ng2 Search Filter
  • Transloco Service
  • ngxClipboard

Installed PrimeNG components

  • Menubar
  • Table
  • DynamicDialog
  • Menu
  • Inplace
  • TabView
  • Listbox
  • Sidebar
  • ToggleButton
  • Card
  • Button
  • ProgressSpinner
  • InputText

There is the same project in Angular Material on this GitHub account

About

Project is using Lazy Loading and Preloading Strategy. Installed packages: PrimeNG, PrimeIcons, PrimeFlex, Angular CDK, Ng2 Search Filter, ngxClipboard, Transloco Service. PrimeNG components: Menubar, DynamicDialog, Inplace, TabView, Menu, Table, Listbox, Sidebar, ToggleButton, Card, ProgressSpinner, InputText, Button. There is the same project …

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published