A Dynamic Dashboard with REST API and Sidebar Navigation Menu in Angular App
Dependencies- @angular/material, @coreui/coreui, @coreui/icons, express, font-awesome, material-icons, roboto-fontface
Setup:
Run npm i to install dependencies.
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.
Technologies used:
Angular 10
RxJS Library used to subscribe to the API data observable
material and coreui features are used
Scripting: TypeScript, JavaScript
Styling: scss=> (sassy css)
Data binding: https://jsonplaceholder.typicode.com/
Features:
Angular httpClient used to get data from an external API.
There are two functional pages.
1: Dashboard- https://jsonplaceholder.typicode.com/posts
2: Users- https://jsonplaceholder.typicode.com/users In user list, user is clickable to get user's details.
Animation is used when user list is generated.