❤️ Creative Tim Club - Access all our Present & Future Premium Products

Material Dashboard React Nodejs

Creative Tim Club 🔥 Access to all our current and future products

Material Dashboard React Nodejs

Free Full Stack App With Node.js & React

· 4.80/5 (61 Reviews)

MIT License

Free Full Stack App With Node.js & React

Product description


Check out the latest freebie we built with UPDIVISION based on the MUI component library powered by React and Node.js API.


The look & feel is based on Material Design 2, Google's approach to designing components and interfaces. Add in out of the box Node.js CRUD endpoints for the most widely used features in any CMS and you`ve got a full stack solution for building complex apps fast.



Material Dashboard 2 React Node.js at a glance:

  • 70 UI components you can easily mix, match and customize using MUI styled() API and sx prop. Everything is designed to ensure the best user experience and coding experience, as well.
  • 8 example pages to give you a taste of what you can build using Material Dashboard 2 React Node.js and 2 customized plugins
  • fully-functional authentication system, register and user profile editing features built with Node.js

Free for personal and commercial projects

Whether you're working on a side project or delivering to a client, Material Dashboard 2 React Node.js is free to use. The product is released under MIT license, so you can use it both for personal and commercial projects for free. Simply download it, install it and start coding.


API-powered backend

Material Dashboard 2 React Node.js comes with authentication, registration and user profile, a must-have for any app you're going to build. Instead of investing time in doing the integration, you have everything you need to get started right away. It's also easy to integrate it with MERN Stack (MongoDB, Express, React, Node) and the API does the heavy lifting so you can: cut development time by keeping frontend-backend conflicts to a minimum never argue again about how responses should be formatted. By following JSON:API standards we make sure you never get an array when you're expecting a string. have everything work seamlessly, regardless of your project. The API backend is reusable across devices.


Detailed documentation

We also included detailed documentation for every component and feature so you can find everything you need easily, from setup to file structure and frontend assets.

Product certified by: Creative Tim
Material Dashboard React Nodejs - Fully Coded and Responsive HTML5
Material Dashboard React Nodejs - Sass Files for Professional Front End Developers
Material Dashboard React Nodejs - Crafted with Bootstrap - the most popular Front End Framework
Material Dashboard React Nodejs - JavaScript library for building user interfaces
Material Dashboard React Nodejs - Fully Coded Node.js
Downloads
23,385
Version
1.0.0
Changelog
Updated
1 month ago
Released
4 years ago
Reviews
Star
Handcrafted Elements
70
Customized Plugins
2
Example Pages
8
Community Support
Documentation
Fully Responsive

We are here to help you!

21 Web Developers commented on this product

suzeearker
  • downloaded
4 years ago

You have so many products, what should I buy? I am looking for - React Material Dashboard Bootstrap template for NodeJS/NextJS - Plain Material Dashboard Bootstrap template for NodeJS/NextJS Since I am interested in the NodeJS and/or NextJS, should I wait for - the Material Dashboard React, there is no - PRO version for NodeJS - Free version for NextJS - the Material Kit, there is no - PRO version for NextJS - Free version for NodeJS Here are a couple of other questions? - Do the Dashboards come with - All Plugins and Components contained in a Kit? - Admin Plugins and Components and vis-a-versa? Are they the same? - What is a "Frontend Preset for NodeJS". Does it contain components that can be rendered on the "Backend" - What is different about Argon vs Material, since there is a PRO NodeJS version of Argon? - Do any of the bundles come with the NodeJS or NextJS templates?

aliceogolauri
  • downloaded
4 years ago

sd

vincentyalo
  • downloaded
4 years ago

Great setup!

noki
  • downloaded
2 years ago

@ぽ」p」「

honjo
  • downloaded

@ぽ」p」「
1 year ago

ayyanararumugaravi
  • downloaded
2 years ago

how to install this product

sajadevo

Hi there, Thanks for using our product, please use the following link for the docs of the project and follow the steps for installing and running the project. https://demos.creative-tim.com/material-dashboard-pro-material-ui-v4/#/documentation/node-js-pro All the best, Sajad
2 years ago

joansencio 2 years ago

I think the docs link isnt working. I get sent to a demo page instead and cant access the docs.

kinghwez
  • downloaded
2 years ago

hi, do you have any template with ReactJs+NodeJs+MongoDB?

sajadevo

Hi there, unfortunately no, but we will try to have these sort of products in the future, all the best, Sajad
2 years ago

kinghwez
  • downloaded

thanks for update @sajadevo
2 years ago

pixbytesl
  • downloaded
1 year ago

I cannot really run this template on my local machine. Babel and Lint errors. Backend is missing the .env file (template) and the Ports and Environment variable are very confuising in its naming and usage. So in all I cannot use this without investigate many hours. Are all your templates in such this quality?

pixbytesl
  • downloaded
1 year ago

Here is an sample of a couple of hundret meter error log. It is really frustrating. ERROR [eslint] src\App.js Line 0: Parsing error: Cannot find module 'babel-plugin-transform-class-properties' Require stack: - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\config\files\plugins.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\config\files\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@rollup\plugin-babel\dist\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-build\build\lib\bundle.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-webpack-plugin\build\generate-sw.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-webpack-plugin\build\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\react-scripts\config\webpack.config.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\react-scripts\scripts\start.js src\assets\theme-dark\base\borders.js Line 0: Parsing error: Cannot find module 'babel-plugin-transform-class-properties' Require stack: - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\config\files\plugins.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\config\files\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@rollup\plugin-babel\dist\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-build\build\lib\bundle.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-webpack-plugin\build\generate-sw.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-webpack-plugin\build\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\react-scripts\config\webpack.config.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\react-scripts\scripts\start.js src\assets\theme-dark\base\boxShadows.js Line 0: Parsing error: Cannot find module 'babel-plugin-transform-class-properties' Require stack: - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\config\files\plugins.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\config\files\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@babel\core\lib\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\@rollup\plugin-babel\dist\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-build\build\lib\bundle.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-webpack-plugin\build\generate-sw.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\workbox-webpack-plugin\build\index.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\react-scripts\config\webpack.config.js - C:\devel\AKramDev\material-dashboard-react-app\node_modules\react-scripts\scripts\start.js

eugentudorache
  • owner

Hello, thanks for using our product! What is you node version? It requires at least node v16. Thanks
1 year ago

pixbytesl
  • downloaded

I use v16.17.0
1 year ago

eugentudorache
  • owner

Can you please delete package-lock and node_modules and run again the install? Thank you
1 year ago

pixbytesl
  • downloaded
1 year ago

Done. The same behavior: ERROR [eslint] Failed to load parser 'babel-eslint' declared in '.eslintrc.js': Cannot find module 'babel-eslint' Require stack: - C:\devel\AKramDev\material-dashboard-react-app\.eslintrc.js If I ignore this error I directly run into a cors error: Error: Not allowed by CORS at origin (file:///C:/devel/AKramDev/node-api/src/index.js:24:16) I use this values: APP_URL_CLIENT=http://localhost:3000 APP_URL_API=http://localhost:8080

eugentudorache
  • owner

Hello, we identified the problem. Please do a fresh install of the project and it will work fine now. Thank you
1 year ago

eugentudorache
  • owner

Take the latest code from Github
1 year ago

You have to be logged in to post a comment. Login here.