Material Angular Dashboard + Node.js

Welcome to the first dark dashboard with Google Material Design and Angular powered with Node.js backend and Passport.js authentication facility!

Overview

This bundle contains Node.js backend with authentication, simple REST API and server side pagination.

With authentication feature you can control data access in your users network.

With REST API you can fully separate business logic from the client to use multiple different clients with single backend.

Server side pagination feature can save traffic due to the fact that the extra data is not loaded.

Its much more fun with the demo.

Material admin template is absolutely free for commercial usage theme, based on Google Material Design guidelines.

Important: We are still working on the project and there will be much more awesome, check out our issues to see what features are coming soon.

SETUP and USAGE

The steps below will take you through cloning your own fork, installing dependencies and building:

1. Fork and/or clone our repository. To use Git from command line, see the Setting up Git and Fork repo articles.

git clone https://github.com/CreativeIT/material-angular-dashboard.git

2. Open your copied repo folder in terminal and checkout feature/backend branch to use bundle with backend.

git checkout feature/backend

3. Install necessary modules, make sure that you have installed npm:

npm install
# then for backend
cd backend
npm install

4. Install angular-cli globally to use its commands in the terminal:

npm install --global @angular/cli

5. Now you are able to run or build the project:

Run npm start or ng serve for a dev server. The app will automatically reload if you change any of the source files. Or run npm run build or ng build to build the project. The build artifacts will be stored in the dist/ directory.

Go to backend directory and run npm start to start node.js backend.

Navigate to http://localhost:4200/. Use the following credentials to sign in the Dashboard: user: admin@admin.admin , password: admin

FEATURES

• Angular

• Material Design

• TypeScript

• Passport.js

• Express

• Responsive dark material design. DARK, Carl!

• User experience focused

• Sass

• D3 and NVD3

• MIT License

Additional

Since the project uses BEM structure with sass, it can be customized in an easy way by editing src/theme/scss/_variables.scss file.

Project uses d3 and nvd3 to build charts and chart components.

Quick start

Do you want to start quickly and don't need all the pages and modules? You can checkout to empty starter-kit branch and get to work!

Hire us

We are ready to become a strong development partner and bring competitive advantage to your business. Visit our site creativeit.io or drop us a line hello@creativeit.io. We will be happy to help you!

Credits

Material Angular Dashboard was inspired by html5 material dashboard

Designed with passion and coffee by CreativeIT.

Support the project

• Star the repo ⭐

• Create an issue report or feature request

• Follow us on Twitter