https://github.com/varunon9/admin-panel-template-react
Admin Panel template built in node.js and react.js using MySQL database.
https://github.com/varunon9/admin-panel-template-react
admin-dashboard admin-panel graphql jsonwebtoken mysql nodejs reactjs sequelize
Last synced: 6 months ago
JSON representation
Admin Panel template built in node.js and react.js using MySQL database.
- Host: GitHub
- URL: https://github.com/varunon9/admin-panel-template-react
- Owner: varunon9
- License: mit
- Created: 2018-08-28T15:29:35.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-09-08T16:22:57.000Z (over 7 years ago)
- Last Synced: 2025-08-19T06:53:54.240Z (6 months ago)
- Topics: admin-dashboard, admin-panel, graphql, jsonwebtoken, mysql, nodejs, reactjs, sequelize
- Language: JavaScript
- Size: 870 KB
- Stars: 20
- Watchers: 3
- Forks: 14
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
## Admin Panel Template
Admin Dashboard developed in react.js and node.js.
#### Functionalities-
1. Login
2. Signup
3. Authentication using jsonWebToken
4. Update Profile after login
5. Routing
6. Toast Notification
#### Main Technologies/Libraries Used-
1. React with redux
2. Node.js
3. MySQL
4. Sequelize
5. JsonWebToken
6. Express
7. Semantic UI React
8. React Toastify
#### How to setup project
1. Clone the repo `https://github.com/varunon9/admin-panel-template-react.git`
2. Move to project folder `cd admin-panel-template-react`
3. Install dependencies `npm install`
4. Create config.js file from config-sample.js `cd config && cp config-sample.js config.js`
5. In MySql create a database "adminPanelTemplate" (or with any other name but must be mentioned in config.js)
6. Update `username` with your MySql username and `password` with your MySql password in config.js
7. Build bundle.js `npm run build` (for development use `npm run build-dev` and keep terminal open)
8. start the project from project root directory `node bin/www` or `nodemon`
9. Visit localhost:4000 in browser
10. Use `npm run build-sass` to transpile sass/scss files to css.
### Screenshots
| | |
| --- | --- |
| | |
| | |