React Dashboard - Soft UI Dashboard | AppSeed

Overview

React Soft Dashboard

Start your Development with an Innovative Admin Template for Material-UI and 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. The product comes with a simple JWT authentication flow: login/register/logout.


Features

  • Innovative Material-UI Design - Creafted by Creative-Tim
  • React, Redux, Redux-persist
  • Authentication: JWT Login/Register/Logout
  • Full-stack ready using Node JS API Server (open-source project)
    • Features: Typescript / SQLite / TypeORM / Joy (validation) / Passport library - passport-jwt strategy.

Links


Want more? Go PRO!

PRO versions include Premium React Kits, Lifetime updates and 24/7 LIVE Support (via Discord)

Fullstack React Material Dashboard React Node JS Datta PRO React Node JS Material Kit
Fullstack React Material Dashboard React Node JS Datta PRO React Node JS Material KIT

React Soft Dashboard - Open-source full-stack product


Note: This product can be used with other API Servers for a complete full-stack experience. ALL API servers use a unified interface


How to use it

To use the product Node JS (>= 12.x) is required and GIT to clone/download the project from the public repository.

Step #1 - Clone the project

$ git clone https://github.com/app-generator/react-soft-ui-dashboard.git
$ cd react-soft-ui-dashboard

Step #2 - Install dependencies via NPM or yarn

$ npm i
// OR
$ yarn

Step #3 - Start in development mode

$ npm run start 
// OR
$ yarn start

Configure the backend server

The product comes with a usable JWT Authentication flow that provides only the basic requests: login/logout/register.

API Server URL - src/config/constant.js

const config = {
    ...
    API_SERVER: 'http://localhost:5000/api/'  // <-- The magic line
};

API Server Descriptor - POSTMAN Collection

The API Server signature is provided by the Unified API Definition

  • API POSTMAN Collection - can be used to mock (simulate) the backend server or code a new one in your preferred framework.

Node JS API Server

The product is also open-source and is already configured to work with Berry Dashboard Template - product features:

  • Typescript / Node js / Express server
  • JWT authentication (passport-jwt strategy)
  • Persistence: SQLite

Links


Node JS API - Open-source API server built on top of Express Nodejs Framework.


Compile the API Server

Step #1 - Clone the project

$ git clone https://github.com/app-generator/api-server-nodejs.git
$ cd api-server-nodejs

Step #2 - Install dependencies via NPM or Yarn

$ npm i
// OR
$ yarn

Step #3 - Run the SQLite migration via TypeORM

$ yarn typeorm migration:run

Step #4 - Start the API server (development mode)

$ npm dev
// OR
$ yarn dev

The API server will start using the PORT specified in .env file (default 5000).



React Soft Dashboard - Provided by AppSeed App Generator.

Issues
Releases(v2.0.4)
  • v2.0.4(Oct 11, 2021)

  • v2.0.3(Oct 9, 2021)

  • v2.0.2(Oct 8, 2021)

  • v2.0.1(Oct 8, 2021)

    Fixes:

    • #1 - Compilation Error (Windows Env): Delete 'cr' [prettier/prettier]
    • #2 - Compilation Error (Windows Env): 'React' must be in scope when using JSX
    Source code(tar.gz)
    Source code(zip)
  • v2.0.0(Oct 8, 2021)

    Initial Import

    • Soft UI Dashboard React: v2.0.0
    • Migration from Material-UI v4 to Material-UI v5.
    • Customizing Autocomplete component based on the Soft Design.
    • Customizing the TextField component based on the Soft Design.
    Source code(tar.gz)
    Source code(zip)
Owner
App Generator
App Generator and Boilerplate Code.
App Generator
React Dashboard - Soft UI Dashboard | AppSeed

React Dashboard - Soft UI Dashboard | AppSeed

App Generator 17 Oct 13, 2021
Paper Dashboard React

Paper Dashboard React If you are a react developer or a react website owner that needs to work within a dashboard and want to have a pretty sight whil

Creative Tim 152 Oct 9, 2021
React version of Argon Dashboard

Argon Dashboard React Start your development with a Dashboard for Bootstrap 4, React and Reactstrap, made with create-react-app. It is open source, fr

Creative Tim 325 Oct 9, 2021
Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple.

Light Bootstrap Dashboard React Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top

Creative Tim 618 Oct 9, 2021
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

Themesberg 439 Oct 17, 2021
Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of components built to fit together and look amazing.

Black Dashboard React Black Dashboard React is a beautiful Bootstrap 4, Reacstrap and React (create-react-app) Admin Dashboard with a huge number of c

Creative Tim 336 Oct 14, 2021
Devias 36 Oct 21, 2021
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

Material Kit - React Free React Admin Dashboard made with Material UI's components, React and of course create-react-app to boost your app development

Devias 3.3k Oct 12, 2021
⚛️A free and beautiful React admin dashboard template pack.

Shards Dashboard React A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note

DesignRevision 1.4k Oct 14, 2021
Free React Typescript Admin Dashboard Template built with Material-UI

Tokyo Free White Typescript React Admin Dashboard Free React Typescript Admin Dashboard Template built with Material-UI This free and open source admi

Horia S 27 Oct 8, 2021
Datta Able Free Bootstrap 4 Admin Template

Datta Able Free Dashboard Template made using Bootstrap 4 framework, It is a free lite version of Datta Able Pro Dashboard Template that makes you fulfill your Dashboard needs.

CodedThemes 73 Oct 7, 2021
🔮 Sofia React Template - Admin Dashboard Template built with React

?? Sofia React Template - Admin Dashboard Template built with React

Flatlogic 66 Oct 4, 2021
I worked for 4 years as a full stack engineer in Square, Inc. I developed a simple mock up of Square dashboard using React, Rdux, Webpack, Babel and Firebase.

Square Dashboard Mockup Specification Webpack Babel TypeScript React React Router Redux styled-components axios Reselect Redux Thunk React memo React

Edward Clark 4 Oct 17, 2021
Free React Admin Dashboard made with Material UI components and React.

Minimal UI (Free version) Free React Admin Dashboard made with Material UI components and React. Minimal Kit FREE Minimal Kit PRO 7 Demo Pages 40 demo

null 404 Oct 19, 2021
Now UI Kit React - Free Bootstrap 4, React, React Hooks and Reactstrap UI Kit

Now UI Kit React is a free Bootstrap 4, React, React Hooks and Reactstrap UI Kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates.

Creative Tim 109 Sep 30, 2021
Notus React: Free Tailwind CSS UI Kit and Admin

Notus React A beautiful UI Kit and Admin for Tailwind CSS and React. Start your development with a Free Tailwind CSS and React UI Kit and Admin. Let N

Creative Tim 419 Oct 13, 2021
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React

Cruip 673 Oct 14, 2021
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16

Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as

null 3.6k Oct 13, 2021
Salvia-kit provides beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

Salvia-kit provides beautiful dashboard templates built with Tailwind CSS for React, Next.js, Vue and Nuxt.js

salvia-kit 300 Oct 1, 2021