Skip to content

ilhammeidi/dandelion-starter

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
app
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Dandelion Starter - React Website Template


Dandelion Starter Dandelion Pro is admin dashboard template based on React Boilerplate. 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 material-ui v3.x, jss (css in js), immutable js, 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

GET IT NOW on Envato Market

SEE DEMO

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

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 Then run this command: node node_modules/.bin/cross-env NODE_ENV=production pm2 start server
  • Navigate to 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.
  • 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.