dandelion-starter — React Admin dashboard Template

SHA-256: 752db8aab4b1874ec2c20d5c29444d6135fc4f1b6ce71b7a06458f94ef026ddd

2026-09-30T09:36:56.314Z

### Dandelion Starter - React Website Template
----------
**Dandelion Starter** Dandelion Pro is admin dashboard template based on **React Redux Material UI**. It provides you clean modern design and high performance react app with various color theme. This template has been built to makes the development process easy and fast for you, which is supported by MUI v5.x, tss, redux, webpack, npm modern workflow and flexible layout with flexbox.

# Template Feature

-   Built with one of most popular javascript library React.JS and Redux
-   Use Google Material Design and Icons
-   Easy to manage data collection with immutable.js
-   Written in ES6 / ES 2015
-   Responsive design
-   JSS (CSS in JS)
-   Clean code maintained by eslint

# Get Ultimate Version
![enter image description here](https://github.com/ilhammeidi/dandelion-docs/blob/gh-pages/images/banner.jpg?raw=true)

[GET IT NOW on Envato Market](https://themeforest.net/item/dandelion-pro-react-admin-dashboard-template/22890261)

[SEE DEMO](http://dandelion.ux-maestro.com)


# Installation

 - Clone this project
 - Install module dependencies by run this script in terminal
    `npm install`
 - After finish downloading, then build Build Webpack DLL dependencies(If necessary).
	 `npm run build:dll`
 - Finally run the app.
	 `npm start`
 - Navigate to  [http://localhost:3001](http://localhost:3001)

# Deployment

 - First you need to build the production assets first
    `npm run build`
 - Then start the app
    `npm run start:prod`
 - If you want run it in background you may try PM2 [https://www.npmjs.com/package/pm2]( https://www.npmjs.com/package/pm2) Then run this command:
    `node node_modules/.bin/cross-env NODE_ENV=production pm2 start server`
 - Navigate to  [http://localhost:3001](http://localhost:3001)

# Enable Direct Code Preview
To make documenation easy and effective to access and implement, we attached source code in every component demos. We call it Direct Code Preview. This feature can be used in purchased product only (not available in demo).

 - Open config file  `/app/config/codePreview.js`
 - By default set by false
 - Change to  `enable: true`, to enabled direct code preview
 -   Test with any component demo, example in  [http://localhost:8080/app/tables/advanced-table](http://localhost:8080/app/tables/advanced-table).
-   Then at the bottom of every components you will see  **<> Show Code**  Button. Just click it.
-   The source code of that components will show as well.
-   You can see through, copy and paste directly any component in front of your eyes.

## License
This project is licensed under the terms of the [MIT license](https://github.com/ilhammeidi/boss-lite/blob/master/LICENSE.txt).