Skip to content
/ wdi-dashboard-ui Public template

☀️ A User Dashboard UI created to indicate WDI World Bank data. This UI can be easily converted and used for other purposes as well. Built using Angular.

License

Notifications You must be signed in to change notification settings

saivittalb/wdi-dashboard-ui

Repository files navigation

World Development Indicator Dashboard UI

Codacy Badge License

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

1 2 3

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

Made with ❤ by Sai Vittal B

About

☀️ A User Dashboard UI created to indicate WDI World Bank data. This UI can be easily converted and used for other purposes as well. Built using Angular.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages