React NodeJS Soft Dashboard - Open-Source Full-Stack Starter
Tags: webdev, react, node, opensource
Published: 2022-04-01 17:19:42

---
title: React NodeJS Soft Dashboard - Open-Source Full-Stack Starter
published: true
description: Simple full-stack starter that uses a M-UI React design powered by Express/NodeJS
tags: webdev, react, nodejs, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ck2f1bcskd7hrwtd1c1s.jpg
canonical_url: https://www.admin-dashboards.com/react-nodejs-soft-dashboard-appseed-3ns8/
---
Hello Coders!

This article presents an `open-source` Full-Stack project crafted on top of a pixel-perfect `M-UI` design powered by a simple Node API server for the `JWT authentication` part. [React NodeJS Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) can be downloaded from Github and based on the permissive license can be used in hobby & commercial projects. For newcomers, **React** is a leading JS library for coding interactive user interfaces baked by Facebook. 

> Links:

- 👉 [React NodeJS Soft Dashboard](https://appseed.us/product/soft-ui-dashboard/api-server-nodejs/react/) - product page
- 👉 [React NodeJS Soft Dashboard](https://node-js-react-soft-dashboard.appseed-srv1.com/authentication/sign-in) - LIVE Demo
- 🎁 More [Free Starters](https://appseed.us/admin-dashboards/open-source) provided by `AppSeed`.

`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.

---

![NodeJS React Soft Dashboard (Open-Source) - Mobile View](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wlrs309ge4lg6vse52ln.png)

---

## ✨ Product Features

> 🚀 Built with **[React App Generator](https://appseed.us/generator/react/)**

- ✅ Innovative **Soft UI Design** - Crafted by [Creative-Tim](https://bit.ly/3fKQZaL)
- ✅ React, Redux, Redux-persist
- ✅ Authentication: `JWT Tokens`, 
- ✅ `OAuth` via GitHub
- ✅ Full-stack ready using: 
  - [Node API](https://github.com/app-generator/api-server-nodejs) `free product`
  - [Node API Mongo](https://github.com/app-generator/api-server-nodejs) `free product`

---

## ✨ React Soft Dashboard Design

You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

**Sample Pages** - 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.

![NodeJS React Soft Dashboard (Open-Source) - User Profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5695cnsgj6uh0okkmofl.png)
 
---

![NodeJS React Soft Dashboard (Open-Source) - VR Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/keh7hmkpb11sky879yna.png)

---

![NodeJS React Soft Dashboard (Open-Source) - Billing Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/670rrvuj7ifh45qozfv4.png)

---

> `Thanks for reading!` For more resources, feel free to access:

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and [React](https://appseed.us/apps/react)
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products