Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥

NotificationsYou must be signed in to change notification settings

flatlogic/react-dashboard

Repository files navigation

React Dashboard — "isomorphic" admin dashboard template

built withReact,Bootstrap,React Router,Redux andGraphQL based onCreate React App and latest industry best practices.

View Demo |Download |More templates |Support forum

react-dashboard

This seed project is like a free version of a template you can find onThemeforest orWrapbootstrap, with working backend integration, to get you started on your nextbusiness software development.

Features

  • React
  • Mobile friendly layout (responsive)
  • React Router
  • Bootstrap3
  • GraphQL
  • Nodejs backend inegration
  • Sass styles
  • Stylish, clean, responsive layout
  • Lots of utility css classes for rapid development (flatlogic css set)
  • Authentication
  • CRUD operations examples

Quick Start

1. Get the latest version

You can start by cloning the latest version of React Dashboard on yourlocal machine by running:

$ git clone -o react-dashboard -b master --single-branch \      https://github.com/flatlogic/react-dashboard.git MyApp$cd MyApp

2. Runyarn install

This will install both run-time project dependencies and developer tools listedinpackage.json file.

3. Runyarn dev

This command will start the app with simultaneously with express server,set up your database, start local server XAMPP, opensever, or other toolto start database, connect to it in file

src> data> sequelize.js.

Also go to

src> data> schema.js

and enable mutation. This preparationwill enable to realize CRUD operations locally

4. How to create db

Create db. For instance name it "sequelize" and add posts table to it,your table should have same structure as you can see on the screenshot
table structure

http://localhost:3000/ — Node.js server
http://localhost:3000/graphql — GraphQL server and IDE

5. Runyarn build

Builds the app for production to the build folder.It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.Your app is ready to be deployed!

Now you can open your web app in a browser, on mobile devices and starthacking. Whenever you modify any of the source files inside the/src folder,the module bundler (Webpack) will recompile theapp on the fly and refresh all the connected browsers.

For more info please refer togetting started guide to download and run the project (Node.js >= 6.5)

Support

For any additional information please go to oursupport forum and raise your questions or feedback provide there. We highly appreciate your participation!

How can I support developers?

Premium themes

Looking for premium themes and templates? Check out moreadmin dashboard templates at flatlogic.com.

License

MIT and anotherMIT from RSK.

About

🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors18


[8]ページ先頭

©2009-2025 Movatter.jp