Node JS React Soft Dashboard - Free Version
Open-source full-stack project crafted by AppSeed and Creative-Tim on top of React, Node JS, and Material-UI design: Soft Dashboard (open-source project).
This article presents an open-source full-stack seed project crafted on top of Soft UI Dashboard (free version) using React and Node JS for the backend logic. The product comes with a modern UI, a production-ready
Node JS API backend and JWT Authentication flow for login
, logout
, register
actions. For newcomers, React is a popular JavaScript library for coding user interfaces backed by Facebook, and Node JS is an open-source, cross-platform, back-end JavaScript runtime environment. Thanks for reading!
- Node JS React Soft Dashboard - product page
- Node JS React Soft Dashboard - LIVE demo
This open-source full-stack product can be downloaded directly from Github and compiled locally with a few commands typed in the terminal. In order to successfully build the product, make sure the workstation environment has a minimal programming kit already installed and accessible in the terminal: Node JS, GIT, and a modern editor like Atom or VsCode.
How to build from sources (published on Github, MIT License)
- Clone and download the Node JS API backend
- Start the API server on port
5005
(default port) - Clone and compile the React Soft Dashboard UI
- Configure the frontend to communicate with the API
The frontend comes already configured to communicate with the API server using port 5000
. For more information please access the product page that provides the link to the official documentation.
Soft Dashboard - UI Presentation
This innovative design is crafted by Creative-Tim on top of Material-UI, the most popular components library for React. Soft UI Dashboard React is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining
Soft UI Dashboard React - product page (template version)
If 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. Every page is spaced well, with attractive layouts and pleasing shapes. Soft UI Dashboard React has everything you need to quickly set up an amazing project.
Node JS React Soft Dashboard - Billing Page
Node JS React Soft Dashboard - RTL Support
Thanks for Reading! For more resources, please access:
- AppSeed for more React Apps or support
- Free React Dashboards - a curated list published on Dev.to