DEV Community

Cover image for Node JS React - Soft Dashboard (open-source Full-Stack project)
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at blog.appseed.us

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

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 - open-source full-stack seed project.


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.


Node JS React Soft Dashboard - Login Page.


Node JS React Soft Dashboard - Billing Page


Node JS React Soft Dashboard - RTL Sample Page.


Thanks for Reading! For more resources, please access:


Discussion (8)

Collapse
crearesite profile image
WebsiteMarket

Great design! Thanks for sharing.

Collapse
sm0ke profile image
Sm0ke Author

🚀🚀

Collapse
roberttanislav profile image
Tanislav Robert

Love the clean look

Collapse
sm0ke profile image
Sm0ke Author

Ty! 🚀🚀
@creativetim_official did a great job!

Collapse
uithemes profile image
ui-themes

Great UI/UX.

Collapse
sm0ke profile image
Sm0ke Author

🚀🚀

Collapse
sm0ke profile image
Sm0ke Author

Ty! 🚀🚀