Cristian Vasta

Cristian Vasta

1613800800

An Awesome Material Dashboard Crafted with Reactjs

Paper and Ink

ReactJs, Material-UI

Paper and Ink is a Free React Dashboard built with:

  • React - React is a JavaScript library for building user interfaces.
  • Material UI - React components for faster and easier web development.
  • Recharts - Redefined chart library built with React and D3.

Features

  • CSS-in-JS styles
  • Create-react-app under the hood
  • Material-UI v4
  • React v16
  • React Hooks
  • React Context
  • React Router Dom v5

Getting Started

clone the repository

$ git clone https://github.com/georgesimos/paper-and-ink.git myproject
$ cd myproject

Install the dependencies and devDependencies

$ npm install

Set environment variables

cp .env.example .env

Start the server

$ npm start

Pages

We have implemented some basic pages, so you can see our template in action.

  • Dashboard
  • Tables
  • Typography
  • Icons

Application Structure


├── public
│   └── images
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
├── src
│   └── assets
│   └── components
│   └── layout
│   └── pages
│   └── routes
│   └── theme
│   └── App.js
│   └── App.test.js
│   └── history.js
│   └── index.js
│   └── serviceWorker.js
│   └── setupTests.js
├── .env.example
├── .eslintrc
├── .gitignore
├── .prettierrc
├── .CHANGELOG.md
├── .jsconfig.json
├── LICENSE
├── package.json
├── README.md
├── yarn.lock

Plugins

Paper and Ink is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

Plugin README
material-ui plugins/material-ui/README.md
testing-library plugins/testing-library/README.md
node-sass plugins/node-sass/README.md
react plugins/react/README.md
react-router plugins/react-router/README.md
recharts plugins/recharts/README.md
eslint plugins/eslint/README.md
prettier plugins/prettier/README.md

Screenshots

Basil Theme

Crane Theme

Material Theme

Material Dark Theme

Pinky Theme

Rally Theme

Reply Theme

Download Details:

Author: georgesimos

Demo: https://paper-and-ink.netlify.app/

Source Code: https://github.com/georgesimos/paper-and-ink

#react #reactjs #javascript

What is GEEK

Buddha Community

An Awesome Material Dashboard Crafted with Reactjs

Dashboard Development Services | Custom Dashboard Design and Development

Mobiweb Technologies is an expert Dashboard Development Company that designs user-friendly dashboard software that helps to upscale the performance of your business. In this data-driven scenario, every business is dependent upon real-time information. Dashboard software authorizes anyone in your team to create prompt reports in the form of charts, bars and you can share it with higher authority for decision making. Visualization capabilities, business intelligence, Data visualization and data analytics are playing crucial roles in the development of businesses. In order to simplify the complex data analysis, Our dedicated team of dashboard developers creates software that assists the client to make business decisions by appropriate availability of data. By using unique techniques and methods, we build user-friendly platforms for domestic as well as international clients.

#dashboard development company #dashboard development services #develop dashboard applications #hire dashboard developers #data dashboard solutions

Jones Brianna

Jones Brianna

1584622625

Dashboard Development Services | Custom Dashboard Design and Development

Mobiweb Technologies is an expert Dashboard Software Development Company that designs user-friendly dashboard software that helps to upscale the performance of your business. Our dedicated team of dashboard developers creates software that assists the client to make business decisions by appropriate availability of data. By using unique techniques and methods, we build user-friendly platforms for domestic as well as international clients.

#Dashboard Development Company #Dashboard Development Services #Develop dashboard applications #Hire dashboard Developers #Data Dashboard Solutions

Byte Cipher

1617110327

ReactJS Development Company USA | ReactJS Web Development Company

ByteCipher is one of the leading React JS app development Companies. We offer innovative, efficient and high performing app solutions. As a ReactJS web development company, ByteCipher is providing services for customized web app development, front end app development services, astonishing react to JS UI/UX development and designing solutions, reactJS app support and maintenance services, etc.

#reactjs development company usa #reactjs web development company #reactjs development company in india #reactjs development company india #reactjs development india

Origin Scale

Origin Scale

1623050424

Dashboard Reporting Software

Accurate and fast reporting with originscale dashboard reporting software. Run faster, smarter operations with help from dozens of easy-to-use online reports. Try for Free Demo Today

#dashboard reporting software #reporting dashboard software #dashboard reporting tool #dashboard reporting #inventory report dashboard

Cristian Vasta

Cristian Vasta

1613800800

An Awesome Material Dashboard Crafted with Reactjs

Paper and Ink

ReactJs, Material-UI

Paper and Ink is a Free React Dashboard built with:

  • React - React is a JavaScript library for building user interfaces.
  • Material UI - React components for faster and easier web development.
  • Recharts - Redefined chart library built with React and D3.

Features

  • CSS-in-JS styles
  • Create-react-app under the hood
  • Material-UI v4
  • React v16
  • React Hooks
  • React Context
  • React Router Dom v5

Getting Started

clone the repository

$ git clone https://github.com/georgesimos/paper-and-ink.git myproject
$ cd myproject

Install the dependencies and devDependencies

$ npm install

Set environment variables

cp .env.example .env

Start the server

$ npm start

Pages

We have implemented some basic pages, so you can see our template in action.

  • Dashboard
  • Tables
  • Typography
  • Icons

Application Structure


├── public
│   └── images
│   └── favicon.ico
│   └── index.html
│   └── manifest.json
├── src
│   └── assets
│   └── components
│   └── layout
│   └── pages
│   └── routes
│   └── theme
│   └── App.js
│   └── App.test.js
│   └── history.js
│   └── index.js
│   └── serviceWorker.js
│   └── setupTests.js
├── .env.example
├── .eslintrc
├── .gitignore
├── .prettierrc
├── .CHANGELOG.md
├── .jsconfig.json
├── LICENSE
├── package.json
├── README.md
├── yarn.lock

Plugins

Paper and Ink is currently extended with the following plugins. Instructions on how to use them in your own application are linked below.

Plugin README
material-ui plugins/material-ui/README.md
testing-library plugins/testing-library/README.md
node-sass plugins/node-sass/README.md
react plugins/react/README.md
react-router plugins/react-router/README.md
recharts plugins/recharts/README.md
eslint plugins/eslint/README.md
prettier plugins/prettier/README.md

Screenshots

Basil Theme

Crane Theme

Material Theme

Material Dark Theme

Pinky Theme

Rally Theme

Reply Theme

Download Details:

Author: georgesimos

Demo: https://paper-and-ink.netlify.app/

Source Code: https://github.com/georgesimos/paper-and-ink

#react #reactjs #javascript