World Development Indicator Dashboard UI

This is an Open Source Bootstrap User Template. But this is not just another UI dashboard template. It goes way beyond hitherto templates thanks to transparent code and file structure. And if that's not enough, let’s just add that it consists bunch of unique features and over 1000 high quality icons. Front end developed using Angular. Made using Visual Studio Code.

This is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – covers them all!

This UI was hard coded to fit the WDI World Bank Data as part of a hackathon. It can be easily edited and be used as a multipurpose dashboard! :)

License

This project is licensed under the Apache License 2.0 which lets people do almost anything they want with, except to distribute closed source versions. Trademark use is also strictly prohibited. Any material found which vandalises or threatens any sort of plagiarism will be strictly given a legal action.

Copyright (c) 2019 Sai Vittal B. All rights reserved.

Prerequisites

Before you begin, make sure your development environment includes Node.js® and an npm package manager.

Node.js

Angular requires Node.js version 8.x or 10.x.

• To check your version, run node -v in a terminal/console window.
• To get Node.js, go to nodejs.org.

Angular CLI

Install the Angular CLI globally using a terminal/console window.

npm install -g @angular/cli

Installation

Clone repo

# clone the repo
$ git clone https://github.com/saivittalb/wdi-dashboard-ui.git

# go into app's directory
$ cd wdi-dashboard-ui

# install app's dependencies
$ npm install

Usage

# serve with hot reload at localhost:4200.
$ ng serve

# build for production with minification
$ ng build

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

wdi-dashboard-ui/
├── e2e/
├── src/
│   ├── app/
│   ├── assets/
│   ├── environments/
│   ├── scss/
│   ├── index.html
│   └── ...
├── .angular-cli.json
├── ...
├── package.json
└── ...

Preview

Copyright (c) 2019 Sai Vittal B. All rights reserved.

Made with ❤ by Sai Vittal B