DEV Community

Cover image for React App Generator - Soft UI Dashboard (free service)

Posted on • Originally published at

React App Generator - Soft UI Dashboard (free service)

Hello! This article explains how to generate a full-stack product that uses a modern React UI and a simple Node JS API for the backend logic. The source code is provided as a ZIP archive and is also saved on Github (MIT license) for later use. For newcomers, AppSeed is a platform that uses in-house developed automation tools to generate web apps in different patterns and programming languages.

Thanks for reading!

The UI (template version) is crafted by Creative-Tim on top of the M-UI Library and released under the MIT license on Github.

✨ Video Transcript

The video starts with a short presentation of AppSeed and the APP Generator. Once the Soft Ui Dashboard design is selected, the product is generated using NodeJS as the backend technology:

  • βœ… Access the React App Generator page
  • βœ… Select the Soft UI Dashboard Design
  • βœ… Select the API server from a short list
  • βœ… Configure the DB Layer and Docker Support
  • βœ… Generate and download the code
  • βœ… Compile the product using VsCode Editor
  • βœ… Register new users and authenticate.

✨ UI Presentation

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 - template version

This FREE MUI Dashboard comes with prebuilt design blocks, so the development process is seamless, and switching from our pages to the actual website is very easy.

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

Soft UI Dashboard React - Mobile View

Thanks for reading! For more resources and support, please access:

Top comments (0)