https://github.com/vignan37/dynamic-user-dashboard-angular-app

To fetch data from an API and show those details in the user dashboard. I used angular material for the UI, This project has search functionality, routing via multiple respective components, interactions and pagination with cards and Fetching api responses through services, and using observables. It was fun developing it.
https://github.com/vignan37/dynamic-user-dashboard-angular-app

angular angular-cli angularmaterial api-rest css html javascript observables restful-api routing rxjs

Last synced: 6 days ago
JSON representation

To fetch data from an API and show those details in the user dashboard. I used angular material for the UI, This project has search functionality, routing via multiple respective components, interactions and pagination with cards and Fetching api responses through services, and using observables. It was fun developing it.

• Host: GitHub
• URL: https://github.com/vignan37/dynamic-user-dashboard-angular-app
• Owner: vignan37
• Created: 2024-04-29T13:02:50.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-30T21:44:32.000Z (8 months ago)
• Last Synced: 2024-10-31T11:04:13.407Z (about 2 months ago)
• Topics: angular, angular-cli, angularmaterial, api-rest, css, html, javascript, observables, restful-api, routing, rxjs
• Language: TypeScript
• Homepage: https://vignan37.github.io/dynamic-user-dashboard-angular-app/
• Size: 370 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dynamic User Dashboard Angular App

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.6.

This is the UI & Site URL : https://vignan37.github.io/dynamic-user-dashboard-angular-app/users

![image](https://github.com/vignan37/dynamic-user-dashboard-angular-app/assets/37151166/fe198d85-c470-4598-9a26-ab5429852f15)

I used angular material for the UI, This project has search functionality, routing via multiple respective components, interactions and pagination with cards and Fetching api responses through services, and using observables. It was fun developing it.

![image](https://github.com/vignan37/dynamic-user-dashboard-angular-app/assets/37151166/6cd04fe9-6e34-491a-8690-2b1ab6e81ede)

Searching for 5 user id

![image](https://github.com/vignan37/dynamic-user-dashboard-angular-app/assets/37151166/91eb0c35-6ada-4f90-ac90-2e4d958e5450)

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application 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|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.