cleancoindev/instadapp-dashboard

InstaDApp Alternate Dashboard.

InstaDApp-Dashboard

This codebase explains how to interact with InstaDApp Smart Contracts.

This codebase was created to demonstrate InstaDApp-Dashboard built with Angular that interacts with InstaDApp Smart Contracts

Getting started

Make sure you have the Angular CLI installed globally. We use Yarn to manage the dependencies, so we strongly recommend you to use it. you can install it from Here, then run yarn install to resolve all dependencies (might take a minute).

Clone the repo

git clone https://github.com/InstaDApp/InstaDApp-Dashboard
cd InstaDApp-Dashboard

Install npm packages

Install the npm packages described in the package.json and verify that it works:

npm install

For dev server

ng serve --proxy-config ./proxy.config.json

After running ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Building the project

ng build

After running ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build. These files are available in gh-pages branch. Use these files to run this application on your local system without any extra dependencies.

Deploying into GitHub

Install angular-cli-ghpages and follow the steps in documentation of this repo.

You can install and read steps from here

Functionality overview

General functionality:

• Interact with InstaDApp Smart Contract of MakerDao and Compound Finance.
• Exit from InstaDApp Ecosystem

The general page breakdown looks like this:

• Dashboard page (URL: #/dashboard )
  • Supply, Borrow, Withdraw, Payback features of Compound Finance.
  • Open / Close MakerDao CDP and use basic features of MakerDao
• Exit page (URL: #/exit )
  • Withdraw funds from InstaDapp account
  • Move your CDP to your wallet account