IfelseTaskAngular

Angular Dashboard using Angular 14.

This project was made for the Technical Round Task of IfElseCloud Pvt. Ltd.

In this project , an attempt to replicate the UI Design from a random Dribble (credits to it's author).

All the angular files are in the src folder

src/app : root file of the angular
src/components : The main files that runs in UI. These files also include the main logic written for the web-app.

This is file structure of my project:

├──/src
|   ├── ...
|   └── app
|       ├──
|       └── ...                
└──package.json

npm i on the root directory. The project will start at port:8080.

Bootstrap can be used as per the guidelines.It has been only used for its grid system.
Angular-FlexLayout has been used wherever required.
For graphs, ApexCharts have been used as per the guidelines. It has not been tampered with much and used only to portray with dummy data.
All color codes have been mentioned in root stylesheet. These color codes have been obtained using color pickers available online.
Object/Modals have been used as per the guidelines.
Fontawesome Icons have used as per the guidelines. The icons might differ from the UI design given as free icons have been only used.
Although the web-app have been best tried to be made responsive. Like everything in this world, it can be still improved.🙂

solo-leveler/angular-dashboard2