Skip to content

CreativeIT/material-angular-dashboard

 
 

Repository files navigation

Material Angular Dashboard + AWS Lambda

Welcome to the first dark dashboard with Google Material Design and Angular powered with AWS Lambda deployment facility!

Overview

This bundle contains the feature/backend bundle code and configuration for deployment on AWS Lambda.

AWS Lambda lets you run code without provisioning or managing servers. You pay only for the compute time you consume - there is no charge when your code is not running.

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
  1. Open your copied repo folder in terminal and checkout feature/serverless branch to use bundle with serverless deployment configuration.
git checkout feature/serverless
  1. Install necessary modules, make sure that you have installed npm:
npm install
  1. Install serverless globally to use its commands in the terminal:
npm install --global serverless
  1. Install awscli to manage AWS services (AWS Lambda in our case), make sure that you have installed pip:
pip install awscli
  1. Create IAM User for automatic project deployment, make sure that you have AWS account. Grant it AdministratorAccess policy. Remember its access key pair.

  2. Configure awscli with key pair given above:

aws configure
  1. Now you are able to deploy the project:

Run npm run build:serverless:deploy to build and deploy the project to AWS Lambda. You will get the URL for your project.

Navigate to the given URL. Use the following credentials to sign in the Dashboard: user: admin@admin.admin , password: admin

FEATURES

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