{"id":30799549,"url":"https://github.com/creativetimofficial/material-dashboard-react-nodejs","last_synced_at":"2025-09-05T19:51:26.881Z","repository":{"id":49344025,"uuid":"182221219","full_name":"creativetimofficial/material-dashboard-react-nodejs","owner":"creativetimofficial","description":"React Material template connected to working Node API","archived":false,"fork":false,"pushed_at":"2024-07-24T15:46:02.000Z","size":26014,"stargazers_count":168,"open_issues_count":7,"forks_count":984,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-09-01T10:27:21.377Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/creativetimofficial.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-04-19T07:23:44.000Z","updated_at":"2025-07-17T15:23:36.000Z","dependencies_parsed_at":"2024-01-23T22:04:17.854Z","dependency_job_id":null,"html_url":"https://github.com/creativetimofficial/material-dashboard-react-nodejs","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/creativetimofficial/material-dashboard-react-nodejs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fmaterial-dashboard-react-nodejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fmaterial-dashboard-react-nodejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fmaterial-dashboard-react-nodejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fmaterial-dashboard-react-nodejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/creativetimofficial","download_url":"https://codeload.github.com/creativetimofficial/material-dashboard-react-nodejs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/creativetimofficial%2Fmaterial-dashboard-react-nodejs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273812930,"owners_count":25172890,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-05T02:00:09.113Z","response_time":402,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-09-05T19:51:25.448Z","updated_at":"2025-09-05T19:51:26.852Z","avatar_url":"https://github.com/creativetimofficial.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Material Dashboard 2 React NodeJS API](https://material-dashboard-react-nodejs.creative-tim.com) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social\u0026logo=twitter)](https://twitter.com/intent/tweet?text=Check%20Material%20Dashboard%20%20PRO%20React%20made%20by%20%40CreativeTim%20and%20%40UPDIVISION%20%23webdesign%20%23dashboard%20%23react%20%23mui\u0026url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fmaterial-dashboard-react-node)\n\n![version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/material-dashboard-react.svg)](https://github.com/creativetimofficial/material-dashboard-react-nodejs/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/material-dashboard-react.svg)](https://github.com/creativetimofficial/material-dashboard-react-nodejs/issues?q=is%3Aissue+is%3Aclosed)\n\n\n[\u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/products/157/original/react-material-dashboard-nodejs.jpg?1664786816\"/\u003e](https://www.creative-tim.com/product/material-dashboard-react-nodejs)\n\n**Documentation built by Developers**\n\nEach element is well presented in very complex documentation.\n\nYou can read more about the [documentation here](https://material-dashboard-react-node-docs.creative-tim.com/react/login/material-dashboard-node/).\n\n**Example Pages**\n\nIf you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.\n\nView [example pages here](https://material-dashboard-react-nodejs.creative-tim.com/auth/login).\n\n**HELPFUL LINKS**\n\n- View [Github Repository](https://github.com/creativetimofficial/material-dashboard-react-nodejs)\n- Check [FAQ Page](https://www.creative-tim.com/faq)\n\n#### Special thanks\n\nDuring the development of this dashboard, we have used many existing resources from awesome developers. We want to thank them for providing their tools open source:\n\n- [MUI](https://mui.com/) - The React UI library for faster and easier web development.\n- [React ChartJS 2](http://reactchartjs.github.io/react-chartjs-2/#/) - Simple yet flexible React charting for designers \u0026 developers.\n- [ChromaJS](https://gka.github.io/chroma.js/) - A small-ish zero-dependency JavaScript library for all kinds of color conversions and color scales.\n\nLet us know your thoughts below. And good luck with development!\n\nIf you want to get more features, go PRO with [Material Dashboard 2 PRO React NodeJS API](https://www.creative-tim.com/product/material-dashboard-pro-react-nodejs).\n\n## Table of Contents\n\n- [Versions](#versions)\n- [Demo](#demo)\n- [Quick Start](#quick-start)\n- [Documentation](#documentation)\n- [Login](#login)\n- [Register](#register)\n- [Forgot Password](#forgot-password)\n- [Reset Password](#reset-password)\n- [User Profile](#user-profile)\n- [File Structure](#file-structure)\n- [Browser Support](#browser-support)\n- [Resources](#resources)\n- [Reporting Issues](#reporting-issues)\n- [Technical Support or Questions](#technical-support-or-questions)\n- [Licensing](#licensing)\n- [Useful Links](#useful-links)\n\n## Versions\n\n[\u003cimg src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/react-logo.png\" width=\"60\" height=\"60\" /\u003e](https://www.creative-tim.com/product/material-dashboard-pro-react?ref=readme-mdpr)\n[\u003cimg src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/laravel-logo.png\" width=\"60\" height=\"60\" /\u003e](https://www.creative-tim.com/product/react-material-dashboard-pro-laravel?ref=readme-mdpr)\n[\u003cimg src=\"https://raw.githubusercontent.com/creativetimofficial/public-assets/master/logos/nodejs-logo.png\" width=\"60\" height=\"60\" /\u003e](https://www.creative-tim.com/product/material-dashboard-pro-react-nodejs?ref=readme-mdpr)\n\n| React + Laravel JSON:API                                                                                                                                                                                                                                                   | React + NodeJS                                                                                                                                                                                                                                                               |\n| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| [![Material Dashboard 2 React Laravel JSON:API](https://s3.amazonaws.com/creativetim_bucket/products/686/original/react-material-dashboard-laravel.jpg?1664783836)](https://react-material-dashboard-laravel.creative-tim.com/auth/login?ref=readme-mdpr) | [![Material Dashboard 2 React NodeJS API](https://s3.amazonaws.com/creativetim_bucket/products/157/original/react-material-dashboard-nodejs.jpg?1664786816)](https://material-dashboard-react-nodejs.creative-tim.com/auth/login?ref=readme-mdpr) |\n\n\n| React                                                                                                                                                                                                                                  |\n| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| [\u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/products/71/original/material-dashboard-react.jpg?1638950990\" width=\"400\" /\u003e](https://demos.creative-tim.com/material-dashboard-react/#/dashboard?ref=readme-mdpr) |\n\n## Demo\n\n| Register                                                                                                                                       | Login                                                                                                                                    | Dashboard                                                                                                                                   |\n| ---------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |\n| [\u003cimg src=\"material-react-app/public/images/register.png\" width=\"322\" /\u003e](https://material-dashboard-react-nodejs.creative-tim.com/auth/register) | [\u003cimg src=\"material-react-app/public/images/login.png\" width=\"322\" /\u003e](https://material-dashboard-react-nodejs.creative-tim.com/auth/login) | [\u003cimg src=\"material-react-app/public/images/dashboard.png\" width=\"322\" /\u003e](https://material-dashboard-react-nodejs.creative-tim.com/dashboard) |\n\n| Forgot Password Page                                                                                                                                         | Reset Password Page                                                                                                                    | Profile Page                                                                                                                                 |\n| ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |\n| [\u003cimg src=\"material-react-app/public/images/forgot-password.png\" width=\"320\" /\u003e](https://material-dashboard-react-nodejs.creative-tim.com/auth/forgot-password) | [\u003cimg src=\"material-react-app/public/images/reset-password.png\" width=\"312\" /\u003e](https://material-dashboard-react-nodejs.creative-tim.com) | [\u003cimg src=\"material-react-app/public/images/profile.png\" width=\"330\" /\u003e](https://material-dashboard-react-nodejs.creative-tim.com/user-profile) |\n\n[View More](https://react-material-dashboard-laravel.creative-tim.com)\n\n## Quick start\n\n## Prerequisites\n\nFor your local development you need to have `Node.js` and `npm` version 16 or above installed and a registered MongoDB collection:\n- For Windows: https://phoenixnap.com/kb/install-node-js-npm-on-windows\n- Linux \u0026 Mac: https://updivision.com/blog/post/guide-what-is-lamp-and-how-to-install-it-on-ubuntu-and-macos\n\n## ExpressJS API Backend Installation\n\nTo install the project you need to have version 16 of Node.js and npm version 8. The first step is to run `npm install` command. Next you need to copy the `.env.example` file and name it `.env`. There are the variables for the database and the URLs:\n- DB_LINK=\"mongodb-link-to-connect\"\n\n- JWT_SECRET=\"token\"\n\n- APP_URL_CLIENT= with the default value of http://localhost:3000\n- APP_URL_API= with the default value of http://localhost:8080\n\n## Material React Frontend Installation\n\n1. Set up your api for the project\n2. Download and Install NodeJs LTS version from [NodeJs Official Page](https://nodejs.org/en/download/).\n3. Navigate to the root ./ directory of the product and run `yarn install` or `npm install` to install our local dependencies.\n4. Add in your projeact an .env file with the variables\n - `REACT_APP_URL=your-react-project`\n - `REACT_APP_API_URL=the-path-of-the-api`\n - `REACT_APP_IS_DEMO=false` if you don't want any restrictions and true if you want\n5. In `package.json` in the `proxy` variable add the right path to your API\n6. Run `yarn start` or `npm start`\n\n## Documentation\n\nThe documentation for the Material Dashboard is hosted at our [website](https://material-dashboard-react-node-docs.creative-tim.com/react/overview/material-dashboard-node/?ref=readme-mdpr).\n\nThe documentation for the ExpressJS API is hosted [here](https://documenter.getpostman.com/view/8138626/Uze1virp).\n\n## Login\n\nIf a user is not logged in can access only the authentication pages: Login, Register and Forgot Password. By default, there **admin@jsonapi.com** with password **secret** as credentials.\nFor authentication context and protected routes were used to keep track of the state of the users. Axios together with an http service and helped by an auth service and crud service handled the requests. The **/src/service** keeps the logic of the services while **/src/context** has the logic for the different contexts used, including the authentication context.\n\nIn the **/src/auth/login/index.js** is the logic for logging in an existing user:\n\n```\n    try {\n      const response = await AuthService.login(myData);\n      authContext.login(response.access_token, response.refresh_token);\n    } catch (res) {\n      if (res.hasOwnProperty(\"message\")) {\n        setCredentialsError(res.message);\n      } else {\n        setCredentialsError(res.errors[0].detail);\n      }\n    }\n```\n\n## Register\n\nIt can be added a new user by registration. The user has a name, email, password and role that needs to be added. All the inputs are verified and validated. You can simply access the page with the **Sign up** button or adding **/register** in the url.\n\nIn the **/src/auth/register/index.js** is the logic for signing up a new user:\n\n```\n    const response = await AuthService.register(myData);\n\n    authContext.login(response.access_token, response.refresh_token);\n```\n\n## Forgot Password\n\nIn case of forgetting its password, the user can go to a page where he adds the email of the account and an email will be send to that address to help with resetting the password. It can be accessed from the Login page by clicking the **here** button or by adding **/forgot-password**.\n\nIn the **/src/auth/forgot-password/index.js** is the logic for requesting a password reset:\n\n```\n    try {\n      const response = await authService.forgotPassword(myData);\n      if (error === false) {\n        setNotification(true);\n      }\n    } catch (err) {\n      console.error(err);\n      return null;\n    }\n```\n\n## Reset Password\n\nFor resetting the password, the user must acceess the url sent int the email. By adding the new password and the confirmation and then pressing the **channge** button the data of the account is updated. You can go back to login from the button in notification.\n\nIn the **/src/auth/reset-password/index.js** is the logic for resetting the password:\n\n```\n  useEffect(() =\u003e {\n    // get the token and email sent in the url\n    const queryParams = new URLSearchParams(window.location.search);\n    setToken(queryParams.get(\"token\"));\n    setEmail(queryParams.get(\"email\"));\n  }, []);\n```\n\n## User Profile\n\nFrom the sidenav, in the CRUDs section, or by adding **/cruds/user-profile** in the url, the User Profile is a dynamic page where the user can add details about him: profile image, name, email or change password. Validation is added for every input.\n\nIn the **/src/services/auth-serivce** you can find the routes sets for the request and in the **/src/cruds/user-profile** is the component for the editing the profile details.\n\n```\n  getProfile = async() =\u003e {\n    const getProfile = 'me';\n    return await HttpService.get(getProfile);\n  }\n\n  updateProfile = async (newInfo) =\u003e {\n    const updateProfile = \"me\";\n    return await HttpService.patch(updateProfile, newInfo);\n  }\n```\n\n### What's included\n\nWithin the download you'll find the following directories and files:\n\n```\n./src\n├── App.js\n├── assets\n│   ├── images\n│   │   ├── apple-icon.png\n│   │   ├── bg-profile.jpeg\n│   │   ├── bg-reset-cover.jpeg\n│   │   ├── bg-sign-in-basic.jpeg\n│   │   ├── bg-sign-up-cover.jpeg\n│   │   ├── bruce-mars.jpg\n│   │   ├── favicon.png\n│   │   ├── home-decor-1.jpg\n│   │   ├── home-decor-2.jpg\n│   │   ├── home-decor-3.jpg\n│   │   ├── home-decor-4.jpeg\n│   │   ├── icons\n│   │   │   └── flags\n│   │   │       ├── AU.png\n│   │   │       ├── BR.png\n│   │   │       ├── DE.png\n│   │   │       ├── GB.png\n│   │   │       └── US.png\n│   │   ├── illustrations\n│   │   │   └── pattern-tree.svg\n│   │   ├── ivana-square.jpg\n│   │   ├── kal-visuals-square.jpg\n│   │   ├── logo-ct-dark.png\n│   │   ├── logo-ct.png\n│   │   ├── logos\n│   │   │   ├── gray-logos\n│   │   │   │   ├── logo-coinbase.svg\n│   │   │   │   ├── logo-nasa.svg\n│   │   │   │   ├── logo-netflix.svg\n│   │   │   │   ├── logo-pinterest.svg\n│   │   │   │   ├── logo-spotify.svg\n│   │   │   │   └── logo-vodafone.svg\n│   │   │   ├── mastercard.png\n│   │   │   └── visa.png\n│   │   ├── marie.jpg\n│   │   ├── small-logos\n│   │   │   ├── bootstrap.svg\n│   │   │   ├── creative-tim.svg\n│   │   │   ├── devto.svg\n│   │   │   ├── github.svg\n│   │   │   ├── google-webdev.svg\n│   │   │   ├── icon-bulb.svg\n│   │   │   ├── logo-asana.svg\n│   │   │   ├── logo-atlassian.svg\n│   │   │   ├── logo-invision.svg\n│   │   │   ├── logo-jira.svg\n│   │   │   ├── logo-slack.svg\n│   │   │   ├── logo-spotify.svg\n│   │   │   └── logo-xd.svg\n│   │   ├── team-1.jpg\n│   │   ├── team-2.jpg\n│   │   ├── team-3.jpg\n│   │   ├── team-4.jpg\n│   │   └── team-5.jpg\n│   ├── theme\n│   │   ├── base\n│   │   │   ├── borders.js\n│   │   │   ├── boxShadows.js\n│   │   │   ├── breakpoints.js\n│   │   │   ├── colors.js\n│   │   │   ├── globals.js\n│   │   │   └── typography.js\n│   │   ├── components\n│   │   │   ├── appBar.js\n│   │   │   ├── avatar.js\n│   │   │   ├── breadcrumbs.js\n│   │   │   ├── button\n│   │   │   │   ├── contained.js\n│   │   │   │   ├── index.js\n│   │   │   │   ├── outlined.js\n│   │   │   │   ├── root.js\n│   │   │   │   └── text.js\n│   │   │   ├── buttonBase.js\n│   │   │   ├── card\n│   │   │   │   ├── cardContent.js\n│   │   │   │   ├── cardMedia.js\n│   │   │   │   └── index.js\n│   │   │   ├── container.js\n│   │   │   ├── dialog\n│   │   │   │   ├── dialogActions.js\n│   │   │   │   ├── dialogContent.js\n│   │   │   │   ├── dialogContentText.js\n│   │   │   │   ├── dialogTitle.js\n│   │   │   │   └── index.js\n│   │   │   ├── divider.js\n│   │   │   ├── flatpickr.js\n│   │   │   ├── form\n│   │   │   │   ├── autocomplete.js\n│   │   │   │   ├── checkbox.js\n│   │   │   │   ├── formControlLabel.js\n│   │   │   │   ├── formLabel.js\n│   │   │   │   ├── input.js\n│   │   │   │   ├── inputLabel.js\n│   │   │   │   ├── inputOutlined.js\n│   │   │   │   ├── radio.js\n│   │   │   │   ├── select.js\n│   │   │   │   ├── switchButton.js\n│   │   │   │   └── textField.js\n│   │   │   ├── iconButton.js\n│   │   │   ├── icon.js\n│   │   │   ├── linearProgress.js\n│   │   │   ├── link.js\n│   │   │   ├── list\n│   │   │   │   ├── index.js\n│   │   │   │   ├── listItem.js\n│   │   │   │   └── listItemText.js\n│   │   │   ├── menu\n│   │   │   │   ├── index.js\n│   │   │   │   └── menuItem.js\n│   │   │   ├── popover.js\n│   │   │   ├── sidenav.js\n│   │   │   ├── slider.js\n│   │   │   ├── stepper\n│   │   │   │   ├── index.js\n│   │   │   │   ├── stepConnector.js\n│   │   │   │   ├── stepIcon.js\n│   │   │   │   ├── step.js\n│   │   │   │   └── stepLabel.js\n│   │   │   ├── svgIcon.js\n│   │   │   ├── table\n│   │   │   │   ├── tableCell.js\n│   │   │   │   ├── tableContainer.js\n│   │   │   │   └── tableHead.js\n│   │   │   ├── tabs\n│   │   │   │   ├── index.js\n│   │   │   │   └── tab.js\n│   │   │   └── tooltip.js\n│   │   ├── functions\n│   │   │   ├── boxShadow.js\n│   │   │   ├── gradientChartLine.js\n│   │   │   ├── hexToRgb.js\n│   │   │   ├── linearGradient.js\n│   │   │   ├── pxToRem.js\n│   │   │   └── rgba.js\n│   │   ├── index.js\n│   │   └── theme-rtl.js\n│   └── theme-dark\n│       ├── base\n│       │   ├── borders.js\n│       │   ├── boxShadows.js\n│       │   ├── breakpoints.js\n│       │   ├── colors.js\n│       │   ├── globals.js\n│       │   └── typography.js\n│       ├── components\n│       │   ├── appBar.js\n│       │   ├── avatar.js\n│       │   ├── breadcrumbs.js\n│       │   ├── button\n│       │   │   ├── contained.js\n│       │   │   ├── index.js\n│       │   │   ├── outlined.js\n│       │   │   ├── root.js\n│       │   │   └── text.js\n│       │   ├── buttonBase.js\n│       │   ├── card\n│       │   │   ├── cardContent.js\n│       │   │   ├── cardMedia.js\n│       │   │   └── index.js\n│       │   ├── container.js\n│       │   ├── dialog\n│       │   │   ├── dialogActions.js\n│       │   │   ├── dialogContent.js\n│       │   │   ├── dialogContentText.js\n│       │   │   ├── dialogTitle.js\n│       │   │   └── index.js\n│       │   ├── divider.js\n│       │   ├── form\n│       │   │   ├── autocomplete.js\n│       │   │   ├── checkbox.js\n│       │   │   ├── formControlLabel.js\n│       │   │   ├── formLabel.js\n│       │   │   ├── input.js\n│       │   │   ├── inputLabel.js\n│       │   │   ├── inputOutlined.js\n│       │   │   ├── radio.js\n│       │   │   ├── select.js\n│       │   │   ├── switchButton.js\n│       │   │   └── textField.js\n│       │   ├── iconButton.js\n│       │   ├── icon.js\n│       │   ├── linearProgress.js\n│       │   ├── link.js\n│       │   ├── list\n│       │   │   ├── index.js\n│       │   │   ├── listItem.js\n│       │   │   └── listItemText.js\n│       │   ├── menu\n│       │   │   ├── index.js\n│       │   │   └── menuItem.js\n│       │   ├── popover.js\n│       │   ├── sidenav.js\n│       │   ├── slider.js\n│       │   ├── stepper\n│       │   │   ├── index.js\n│       │   │   ├── stepConnector.js\n│       │   │   ├── stepIcon.js\n│       │   │   ├── step.js\n│       │   │   └── stepLabel.js\n│       │   ├── svgIcon.js\n│       │   ├── table\n│       │   │   ├── tableCell.js\n│       │   │   ├── tableContainer.js\n│       │   │   └── tableHead.js\n│       │   ├── tabs\n│       │   │   ├── index.js\n│       │   │   └── tab.js\n│       │   └── tooltip.js\n│       ├── functions\n│       │   ├── boxShadow.js\n│       │   ├── gradientChartLine.js\n│       │   ├── hexToRgb.js\n│       │   ├── linearGradient.js\n│       │   ├── pxToRem.js\n│       │   └── rgba.js\n│       ├── index.js\n│       └── theme-rtl.js\n├── auth\n│   ├── forgot-password\n│   │   └── index.js\n│   ├── login\n│   │   └── index.js\n│   ├── register\n│   │   └── index.js\n│   └── reset-password\n│       └── index.js\n├── components\n│   ├── MDAlert\n│   │   ├── index.js\n│   │   ├── MDAlertCloseIcon.js\n│   │   └── MDAlertRoot.js\n│   ├── MDAvatar\n│   │   ├── index.js\n│   │   └── MDAvatarRoot.js\n│   ├── MDBadge\n│   │   ├── index.js\n│   │   └── MDBadgeRoot.js\n│   ├── MDBox\n│   │   ├── index.js\n│   │   └── MDBoxRoot.js\n│   ├── MDButton\n│   │   ├── index.js\n│   │   └── MDButtonRoot.js\n│   ├── MDInput\n│   │   ├── index.js\n│   │   └── MDInputRoot.js\n│   ├── MDPagination\n│   │   ├── index.js\n│   │   └── MDPaginationItemRoot.js\n│   ├── MDProgress\n│   │   ├── index.js\n│   │   └── MDProgressRoot.js\n│   ├── MDSnackbar\n│   │   ├── index.js\n│   │   └── MDSnackbarIconRoot.js\n│   └── MDTypography\n│       ├── index.js\n│       └── MDTypographyRoot.js\n├── context\n│   └── index.js\n├── examples\n│   ├── Breadcrumbs\n│   │   └── index.js\n│   ├── Cards\n│   │   ├── BlogCards\n│   │   │   └── SimpleBlogCard\n│   │   │       └── index.js\n│   │   ├── InfoCards\n│   │   │   ├── DefaultInfoCard\n│   │   │   │   └── index.js\n│   │   │   └── ProfileInfoCard\n│   │   │       └── index.js\n│   │   ├── MasterCard\n│   │   │   └── index.js\n│   │   ├── ProjectCards\n│   │   │   └── DefaultProjectCard\n│   │   │       └── index.js\n│   │   └── StatisticsCards\n│   │       └── ComplexStatisticsCard\n│   │           └── index.js\n│   ├── Charts\n│   │   ├── BarCharts\n│   │   │   ├── HorizontalBarChart\n│   │   │   │   ├── configs\n│   │   │   │   │   └── index.js\n│   │   │   │   └── index.js\n│   │   │   ├── ReportsBarChart\n│   │   │   │   ├── configs\n│   │   │   │   │   └── index.js\n│   │   │   │   └── index.js\n│   │   │   └── VerticalBarChart\n│   │   │       ├── configs\n│   │   │       │   └── index.js\n│   │   │       └── index.js\n│   │   ├── BubbleChart\n│   │   │   ├── configs\n│   │   │   │   └── index.js\n│   │   │   └── index.js\n│   │   ├── DoughnutCharts\n│   │   │   └── DefaultDoughnutChart\n│   │   │       ├── configs\n│   │   │       │   └── index.js\n│   │   │       └── index.js\n│   │   ├── LineCharts\n│   │   │   ├── DefaultLineChart\n│   │   │   │   ├── configs\n│   │   │   │   │   └── index.js\n│   │   │   │   └── index.js\n│   │   │   ├── GradientLineChart\n│   │   │   │   ├── configs\n│   │   │   │   │   └── index.js\n│   │   │   │   └── index.js\n│   │   │   ├── ProgressLineChart\n│   │   │   │   ├── config\n│   │   │   │   │   └── index.js\n│   │   │   │   └── index.js\n│   │   │   └── ReportsLineChart\n│   │   │       ├── configs\n│   │   │       │   └── index.js\n│   │   │       └── index.js\n│   │   ├── MixedChart\n│   │   │   ├── configs\n│   │   │   │   └── index.js\n│   │   │   └── index.js\n│   │   ├── PieChart\n│   │   │   ├── configs\n│   │   │   │   └── index.js\n│   │   │   └── index.js\n│   │   ├── PolarChart\n│   │   │   ├── configs\n│   │   │   │   └── index.js\n│   │   │   └── index.js\n│   │   └── RadarChart\n│   │       ├── configs\n│   │       │   └── index.js\n│   │       └── index.js\n│   ├── Configurator\n│   │   ├── ConfiguratorRoot.js\n│   │   └── index.js\n│   ├── Footer\n│   │   └── index.js\n│   ├── Items\n│   │   └── NotificationItem\n│   │       ├── index.js\n│   │       └── styles.js\n│   ├── LayoutContainers\n│   │   ├── DashboardLayout\n│   │   │   └── index.js\n│   │   └── PageLayout\n│   │       └── index.js\n│   ├── Lists\n│   │   └── ProfilesList\n│   │       └── index.js\n│   ├── Navbars\n│   │   ├── DashboardNavbar\n│   │   │   ├── index.js\n│   │   │   └── styles.js\n│   │   └── DefaultNavbar\n│   │       ├── DefaultNavbarLink.js\n│   │       ├── DefaultNavbarMobile.js\n│   │       └── index.js\n│   ├── ProtectedRoute\n│   │   └── index.js\n│   ├── Sidenav\n│   │   ├── index.js\n│   │   ├── SidenavCollapse.js\n│   │   ├── SidenavRoot.js\n│   │   └── styles\n│   │       ├── sidenavCollapse.js\n│   │       └── sidenav.js\n│   ├── Tables\n│   │   └── DataTable\n│   │       ├── DataTableBodyCell.js\n│   │       ├── DataTableHeadCell.js\n│   │       └── index.js\n│   └── Timeline\n│       ├── context\n│       │   └── index.js\n│       ├── TimelineItem\n│       │   ├── index.js\n│       │   └── styles.js\n│       └── TimelineList\n│           └── index.js\n├── index.js\n├── layouts\n│   ├── authentication\n│   │   ├── components\n│   │   │   ├── BasicLayout\n│   │   │   │   └── index.js\n│   │   │   ├── CoverLayout\n│   │   │   │   └── index.js\n│   │   │   └── Footer\n│   │   │       └── index.js\n│   │   ├── reset-password\n│   │   │   └── cover\n│   │   │       └── index.js\n│   │   ├── sign-in\n│   │   │   └── index.js\n│   │   └── sign-up\n│   │       └── index.js\n│   ├── billing\n│   │   ├── components\n│   │   │   ├── Bill\n│   │   │   │   └── index.js\n│   │   │   ├── BillingInformation\n│   │   │   │   └── index.js\n│   │   │   ├── Invoice\n│   │   │   │   └── index.js\n│   │   │   ├── Invoices\n│   │   │   │   └── index.js\n│   │   │   ├── PaymentMethod\n│   │   │   │   └── index.js\n│   │   │   ├── Transaction\n│   │   │   │   └── index.js\n│   │   │   └── Transactions\n│   │   │       └── index.js\n│   │   └── index.js\n│   ├── dashboard\n│   │   ├── components\n│   │   │   ├── OrdersOverview\n│   │   │   │   └── index.js\n│   │   │   └── Projects\n│   │   │       ├── data\n│   │   │       │   └── index.js\n│   │   │       └── index.js\n│   │   ├── data\n│   │   │   ├── reportsBarChartData.js\n│   │   │   └── reportsLineChartData.js\n│   │   └── index.js\n│   ├── notifications\n│   │   └── index.js\n│   ├── profile\n│   │   ├── components\n│   │   │   ├── Header\n│   │   │   │   └── index.js\n│   │   │   └── PlatformSettings\n│   │   │       └── index.js\n│   │   ├── data\n│   │   │   └── profilesListData.js\n│   │   └── index.js\n│   ├── rtl\n│   │   ├── components\n│   │   │   ├── OrdersOverview\n│   │   │   │   └── index.js\n│   │   │   └── Projects\n│   │   │       ├── data\n│   │   │       │   └── index.js\n│   │   │       └── index.js\n│   │   ├── data\n│   │   │   ├── reportsBarChartData.js\n│   │   │   └── reportsLineChartData.js\n│   │   └── index.js\n│   ├── tables\n│   │   ├── data\n│   │   │   ├── authorsTableData.js\n│   │   │   └── projectsTableData.js\n│   │   └── index.js\n│   ├── user-management\n│   │   ├── data.js\n│   │   └── index.js\n│   └── user-profile\n│       ├── Header\n│       │   └── index.js\n│       ├── index.js\n│       └── PlatformSettings\n│           └── index.js\n├── routes.js\n└── services\n    ├── auth-service.js\n    ├── htttp.service.js\n    └── interceptor.js\n```\n\n## Browser Support\n\nAt present, we officially aim to support the last two versions of the following browsers:\n\n\u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/github/browser/chrome.png\" width=\"64\" height=\"64\"\u003e \u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/github/browser/firefox.png\" width=\"64\" height=\"64\"\u003e \u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/github/browser/edge.png\" width=\"64\" height=\"64\"\u003e \u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/github/browser/safari.png\" width=\"64\" height=\"64\"\u003e \u003cimg src=\"https://s3.amazonaws.com/creativetim_bucket/github/browser/opera.png\" width=\"64\" height=\"64\"\u003e\n\n## Resources\n\n- [Live Preview](https://github.com/teamupdivision/material-dashboard-react-node-free?ref=readme-mdr)\n- [Download Page]https://www.creative-tim.com/product/material-dashboard-react-nodejs?ref=readme-mdr)\n- Documentation is [here](https://material-dashboard-react-node-docs.creative-tim.com/react/quick-start/material-dashboard-node/?ref=readme-mdr)\n- [License Agreement](https://www.creative-tim.com/license?ref=readme-mdr)\n- [Support](https://www.creative-tim.com/contact-us?ref=readme-mdr)\n- Issues: [Github Issues Page](https://github.com/creativetimofficial/material-dashboard-react-nodejs/issues)\n\n## Reporting Issues\n\nWe use GitHub Issues as the official bug tracker for the Material Dashboard React. Here are some advices for our users that want to report an issue:\n\n1. Make sure that you are using the latest version of the Material Dashboard React. Check the CHANGELOG from your dashboard on our [website](https://www.creative-tim.com/product/material-dashboard-react-nodejs?ref=readme-mdr).\n2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.\n3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.\n\n## Technical Support or Questions\n\nIf you have questions or need help integrating the product please [contact us](https://www.creative-tim.com/contact-us?ref=readme-mdr) instead of opening an issue.\n\n## Licensing\n\n- Copyright 2021 [Creative Tim](https://www.creative-tim.com?ref=readme-mdr)\n- Creative Tim [license](https://www.creative-tim.com/license?ref=readme-mdr)\n\n## Useful Links\n\n- [More products](https://www.creative-tim.com/templates?ref=readme-mdr) from Creative Tim\n\n- [Tutorials](https://www.youtube.com/channel/UCVyTG4sCw-rOvB9oHkzZD1w)\n\n- [Freebies](https://www.creative-tim.com/bootstrap-themes/free?ref=readme-mdr) from Creative Tim\n\n- [Affiliate Program](https://www.creative-tim.com/affiliates/new?ref=readme-mdr) (earn money)\n\n### Social Media\n\n### Creative Tim:\n\nTwitter: \u003chttps://twitter.com/CreativeTim?ref=mdl-readme\u003e\n\nFacebook: \u003chttps://www.facebook.com/CreativeTim?ref=mdl-readme\u003e\n\nDribbble: \u003chttps://dribbble.com/creativetim?ref=mdl-readme\u003e\n\nInstagram: \u003chttps://www.instagram.com/CreativeTimOfficial?ref=mdl-readme\u003e\n\n### Updivision:\n\nTwitter: \u003chttps://twitter.com/updivision?ref=mdl-readme\u003e\n\nFacebook: \u003chttps://www.facebook.com/updivision?ref=mdl-readme\u003e\n\nLinkedin: \u003chttps://www.linkedin.com/company/updivision?ref=mdl-readme\u003e\n\nUpdivision Blog: \u003chttps://updivision.com/blog/?ref=mdl-readme\u003e\n\n## Credits\n\n- [Creative Tim](https://creative-tim.com/?ref=mdl-readme)\n- [UPDIVISION](https://updivision.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativetimofficial%2Fmaterial-dashboard-react-nodejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcreativetimofficial%2Fmaterial-dashboard-react-nodejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcreativetimofficial%2Fmaterial-dashboard-react-nodejs/lists"}