Soft UI Dashboard React

Setup

Terminal Commands

1. Install Node JS

2. Download or clone this repository

3. Install dependencies

   npm install

4. Start dev server

   npm run dev

5. Open localhost:5173 on your browser and start coding 🔥

Documentation

The documentation for the Soft UI Dashboard is hosted at our website.

Usage:

The repository contains sample UI components for building your application.

Folder structure:

• src: Contains all the logic source code of your ReactJS App. Inside the src folder:

  • assets/images: Images that should be imported directly into bundle source code.
  • assets/theme: Stylesheets of MUI Library.
  • components: Reusable components written in React.JS.
  • context: Global state in your React App.
  • examples: A Example is a component written to layouts.
  • hooks: Hook to use global state.
  • layouts: A Layout is also a component but will act as an entire view and must be registered inside routes.tsx as a Route.
  • types: Contains TypeScript type and interface declarations.
  • App.tsx: Your main application component.
  • main.tsx: Entry point of your React App.
  • routes.tsx: Router DOM.

The other files (such as vite.config.ts, tsconfig.json, postcss.config.js) are configurations for libraries used in your application. Visit the library's documentation to learn how to use them.