115
GitHub - JSLancerTeam/crystal-dashboard: Beautiful React Bootstrap Dashboard for...
source link: https://github.com/JSLancerTeam/crystal-dashboard
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Crystal React Bootstrap Dashboard
Crystal React Bootstrap Dashboard is a beautiful, multi-purpose admin dashboard which is with React, Redux & Bootstrap. It contains a lot of simple and easy to use React components. You can use this dashboard to build many kind of dashboard include health, employees, company dashboard.
This package includes:
- Charts
- Buttons
- Notifications
- Sweet Alert
- Redux Form
- AirBnB React Dates
- Google Map
- Uber Vector Map
- React Bootstrap Table
- React Big Calendar
In order to keep our stylesheet easy to maintain and customize by everyone. Stylesheet is writen by SCSS.
Get started
Development
git clone https://github.com/jslancerteam/crystal-dashboard
npm install
npm start
Build
npm run build
File structure
./src/
├── assets
│ ├── images
│ └── styles
│ ├── base
│ ├── base.scss
│ ├── icons.scss
│ └── react-dates
├── components
│ ├── FormInputs
│ │ ├── Checkbox.js
│ │ ├── Radio.js
│ │ ├── TextInput.js
│ │ ├── index.js
│ │ └── renderField.js
│ ├── MobileMenu.js
│ ├── MyBigCalendar
│ │ ├── Toolbar.js
│ │ └── index.js
│ ├── SideBar
│ │ ├── Nav.js
│ │ ├── UserInfo.js
│ │ └── index.js
│ ├── Switch.js
│ ├── Tags.js
│ └── ThemeOptions.js
├── config
│ └── configureStore.js
├── index.js
├── pages
│ ├── Calendar
│ │ └── index.js
│ ├── Charts
│ │ ├── Nasdaq.js
│ │ ├── PerformanceChart.js
│ │ ├── PublicPreference.js
│ │ ├── UserBehavior.js
│ │ └── index.js
│ ├── Components
│ │ ├── Buttons
│ │ │ ├── ButtonGroups.js
│ │ │ ├── ButtonSizes.js
│ │ │ ├── ButtonStyles.js
│ │ │ ├── ButtonsWithLabel.js
│ │ │ ├── Colors.js
│ │ │ ├── Pagination.js
│ │ │ ├── SocialButtons.js
│ │ │ └── index.js
│ │ ├── Grid
│ │ │ ├── GridCollection.js
│ │ │ ├── Paragraph.js
│ │ │ └── index.js
│ │ ├── Icons.js
│ │ ├── Notifications.js
│ │ ├── Panels
│ │ │ ├── AccordionGroup.js
│ │ │ ├── PageSubcategories.js
│ │ │ ├── TabGroup.js
│ │ │ └── index.js
│ │ ├── SweetAlert.js
│ │ ├── Typography.js
│ │ └── index.js
│ ├── Dashboard
│ │ ├── EmailChart.js
│ │ ├── SalesChart.js
│ │ ├── Tasks.js
│ │ ├── UserBehaviorChart.js
│ │ └── index.js
│ ├── Forms
│ │ ├── ExtendedForms
│ │ │ ├── DatePicker.js
│ │ │ ├── Switches.js
│ │ │ ├── TagSection.js
│ │ │ └── index.js
│ │ ├── RegularForms
│ │ │ ├── FormElements.js
│ │ │ ├── HorizontalForm.js
│ │ │ ├── StackedForm.js
│ │ │ └── index.js
│ │ ├── ValidationForms
│ │ │ └── index.js
│ │ └── index.js
│ ├── Icons
│ │ └── index.js
│ ├── Main
│ │ ├── Footer.js
│ │ ├── Header.js
│ │ └── index.js
│ ├── MapsPage
│ │ ├── GoogleMap.js
│ │ ├── Map.js
│ │ ├── VectorMap.js
│ │ └── index.js
│ ├── Tables
│ │ ├── ExtendedTables
│ │ │ ├── BigTable.js
│ │ │ ├── TableWithLinks.js
│ │ │ ├── TableWithSwitch.js
│ │ │ └── index.js
│ │ ├── ReactBootstrapTable
│ │ │ └── index.js
│ │ ├── RegularTables
│ │ │ ├── PlainBackgroundTable.js
│ │ │ ├── StripedTable.js
│ │ │ └── index.js
│ │ ├── generateData.js
│ │ └── index.js
│ └── UserProfile
│ ├── ProfileForm.js
│ ├── UserInfo.js
│ └── index.js
├── reducers
│ ├── Auth.js
│ ├── Layout.js
│ ├── ThemeOptions.js
│ └── index.js
└── registerServiceWorker.js
Author
David Tran @davidtranwd
License
Licensed under MIT
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK