Project-dashboard

a project dashboard forReact.

Installation

project-dashboard is available as an npm package.

npm install project-dashboard

Example

https://dht.github.io/project-dashboard

Usage

Here is a quick example to get you started:

Add icon font

Add font to header:

<link href="//fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">

Import

 import Dashboard from 'project-dashboard/Dashboard';

Add component

 <Dashboard
    projects={projects}
    clients={clients}
    settings={settings}
    log={log}
    which={which}
    totalPagesCount={totalPagesCount}
    totalSnippetsCount={totalSnippetsCount}
    isLoaded={isLoaded}
    newProject={ () => console.log('newProject')}
    openProject={(project) => console.log('openProject')}
    openProjectColors={(project) => console.log('openProjectColors')}
    openProjectTypography={(project) => console.log('openProjectTypography')}
    openSnippet={(path) => console.log('openSnippet')}
    addLog={(log) => this.log(log)}/>

Contribution

To run locally install all the dependencies:

dev:

npm install

peer:

npm install react@^15.4.1 react-dom@^15.4.1 material-ui@^0.18.6

run with npm:

npm start

License

This project is licensed under the terms of the MIT license