Accountability Dashboard

NextJS Dashboard sourced from Creative Tim which comes with pre-built sections and components. You can read more about the documentation here.

Table of Contents

• Instructions
• Open Source Tools
• File Structure

Instructions

1. Clone this Git Repository into a local folder on your computer.
2. Make sure you have Node installed. This build requires Node v16, 15 or 14. 2. If you have a different version of node installed, you can install nvm and run nvm use 16
3. Navigate to the root ./ directory and run npm install --legacy-peer-deps to install all the dependencies.
4. Run npm run dev and go to http://localhost:3000 to see the app running.

Open Source Tools

• MUI - The React UI library for faster and easier web development.
• React Table - Lightweight and extensible data tables for React.
• React Flatpickr - Useful library used to select date.
• React ChartJS 2 - Simple yet flexible React charting for designers & developers.
• Full Calendar - Full-sized drag & drop event calendar.
• Dropzone - An open source library that provides drag & drop file uploads with image previews.
• React Kanban - Kanban/Trello board lib for React.
• React Images Viewer - A simple, responsive images viewer component for ReactJS.
• React Quill - A free, open source WYSIWYG editor built for the modern web.
• Formik - Formik is the world's most popular open source form library for React and React Native.
• ChromaJS - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales.
• UUID - JavaScript library for generating random id numbers.
• HTML React Parser - A utility for converting HTML strings into React components.

File Structure

nextjs-material-dashboard-2-pro
    ├── assets
    │   ├── images
    │   ├── theme
    │   │   ├── base
    │   │   ├── components
    │   │   ├── functions
    │   │   ├── index.js
    │   │   └── theme-rtl.js
    │   └── theme-dark
    │   │   ├── base
    │   │   ├── components
    │   │   ├── functions
    │   │   ├── index.js
    │   │   └── theme-rtl.js
    ├── components
    │   ├── MDAlert
    │   ├── MDAvatar
    │   ├── MDBadge
    │   ├── MDBadgeDot
    │   ├── MDBox
    │   ├── MDButton
    │   ├── MDDatePicker
    │   ├── MDDropzone
    │   ├── MDEditor
    │   ├── MDInput
    │   ├── MDPagination
    │   ├── nmd2pogress
    │   ├── MDSnackbar
    │   ├── MDSocialButton
    │   └── MDTypography
    ├── context
    ├── examples
    │   ├── Breadcrumbs
    │   ├── Calendar
    │   ├── Cards
    │   ├── Charts
    │   ├── Configurator
    │   ├── Footer
    │   ├── Items
    │   ├── LayoutContainers
    │   ├── Lists
    │   ├── Navbars
    │   ├── Sidenav
    │   ├── Tables
    │   └── Timeline
    ├── pages
    │   ├── applications
    │   │    ├── calendar
    │   │    ├── data-tables
    │   │    ├── kanban
    │   │    └── wizard
    │   ├── authentication
    │   │    ├── reset-password
    │   │    ├── sign-in
    │   │    └── sign-up
    │   ├── dashboards
    │   │    ├── analytics
    │   │    └── sales
    │   ├── ecommerce
    │   │    ├── orders
    │   │    └── products
    │   └── pages
    │   │    ├── account
    │   │    ├── charts
    │   │    ├── notifications
    │   │    ├── pricing-page
    │   │    ├── profile
    │   │    ├── projects
    │   │    ├── rtl
    │   │    ├── users
    │   │    └── widgets
    │   ├── _app.js
    │   └── _document.js
    ├── pagesComponents
    │   ├── applications
    │   ├── authentication
    │   ├── dashboards
    │   ├── ecommerce
    │   └── pages
    ├── routes
    │   ├── index.js
    │   └── page.routes.js
    ├── .eslintrc.json
    ├── .gitignore
    ├── CHANGELOG.md
    ├── ISSUE_TEMPLATE.md
    ├── .gitignore
    ├── next.config.js
    ├── package.json
    └── README.md