Sm0ke

Posted on Oct 11, 2021 • Updated on Oct 14, 2021 • Originally published at blog.appseed.us

Node JS React - Soft Dashboard (open-source Full-Stack project)

#react #node #fullstack #opensource

Hello Coders!

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!

Thanks for reading! - Content provided by App Generator.

👉 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

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.