https://github.com/ilhammeidi/dandelion-starter

Dandelion Starter - React Dashboard Starter Template
https://github.com/ilhammeidi/dandelion-starter

admin dark-theme dashboard eslint jss localstorage material-design material-ui mui react react-boilerplate react-router redux redux-persist starter-kit starter-project starter-template webpack

Last synced: 11 days ago
JSON representation

Dandelion Starter - React Dashboard Starter Template

• Host: GitHub
• URL: https://github.com/ilhammeidi/dandelion-starter
• Owner: ilhammeidi
• License: mit
• Created: 2019-01-27T08:23:26.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-06-04T09:48:07.000Z (5 months ago)
• Last Synced: 2024-06-04T19:36:15.385Z (5 months ago)
• Topics: admin, dark-theme, dashboard, eslint, jss, localstorage, material-design, material-ui, mui, react, react-boilerplate, react-router, redux, redux-persist, starter-kit, starter-project, starter-template, webpack
• Language: JavaScript
• Homepage: http://dandelion.ux-maestro.com/
• Size: 8.64 MB
• Stars: 48
• Watchers: 4
• Forks: 29
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE.txt
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
### 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).