React Dashboard — "isomorphic" admin dashboard template
built with React, Bootstrap, React Router, Redux and GraphQL based on Create React App and latest industry best practices.
This seed project is a sort of a free version of a template that may be found on Themeforest or Wrapbootstrap with working backend integration. You may use it to bootstrap the development of your next web app.
- 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
You can start by cloning the latest version of React Dashboard on your local machine by running:
$ git clone https://github.com/ITopGun/React-Dashboard.git
$ cd MyApp
This will install both run-time project dependencies and developer tools listed in package.json file.
This command will start the app with simultaneously with express server, set up your database, start local server XAMPP, opensever, or other tool to start database, connect to it in file
src > data > sequelize.js.
Also go to
src > data > schema.js
and enable mutation. This preparation will enable to realize CRUD operations locally
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
http://localhost:3000/ — Node.js server
http://localhost:3000/graphql — GraphQL server and IDE
Now you can open your web app in a browser, on mobile devices and start
hacking. Whenever you modify any of the source files inside the /src
folder,
the module bundler (Webpack) will recompile the
app on the fly and refresh all the connected browsers.
For more info please refer to getting started guide to download and run the project (Node.js >= 6.5)
- Star our GitHub repo ⭐
- Create pull requests, submit bugs, suggest new features or documentation updates 🔧
- Follow @ITopGun on Github.
- ✔️ React Material Admin - React Material Admin — Material-UI Dashboard
- 🚀 React Native Starter - A powerful react native starter template that bootstraps development of your mobile application
- 💦 B2B applications Dashboard - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
- ❤️ Saleor Commerce - A modular, high performance, headless e-commerce platform built with Python, GraphQL, Django, and React.
- 💥 Ant Design - An enterprise-class UI design language and React UI library.
- 🎧 RadioWanjy - Radios from 471 Arabic and foreign radios.