https://github.com/thisisjuke/react-nodejs-admin
Admin Panel with handmade thème : made with tailwindcss 🖌️ API with NodeJS Express + BookshelfJS 📚 React with react Router 🙆♂️
https://github.com/thisisjuke/react-nodejs-admin
admin-dashboard nodejs-api reactjs tailwindcss
Last synced: about 1 month ago
JSON representation
Admin Panel with handmade thème : made with tailwindcss 🖌️ API with NodeJS Express + BookshelfJS 📚 React with react Router 🙆♂️
- Host: GitHub
- URL: https://github.com/thisisjuke/react-nodejs-admin
- Owner: Thisisjuke
- Created: 2021-01-22T13:39:25.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-01-23T18:55:33.000Z (over 5 years ago)
- Last Synced: 2025-10-19T17:54:11.280Z (8 months ago)
- Topics: admin-dashboard, nodejs-api, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 421 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# How to start ?
```shell
cp .env.dist .env
make install
make up
```
# Whats inside ?
## Backend : Express with Bookshelfjs
```
url : http://localhost:4000/api
```
### Available Routes :
You can find all the available routes in `back/routes`
Here are few routes you can copy and paste to test :
`http//localhost:4000/api/users`
`http//localhost:4000/api/users/100`
`http//localhost:4000/api/users/100/messages`
`http//localhost:4000/api/users/100/media`
`http://localhost:4000/api/messages/12`
`http//localhost:4000/api/count/media`
`http//localhost:4000/api/count/messages`
`http//localhost:4000/api/count/users`
`http//localhost:4000/api/count/cities`
`http//localhost:4000/api/count/countries`
`http//localhost:4000/api/count/countries`
`http//localhost:4000/api/users/100/disable`
`http//localhost:4000/api/users/100/enable`
`http//localhost:4000/api/count/countries`
`http//localhost:4000/api/country/Benin/cities`
`http//localhost:4000/api/country/Democratic%20People's%20Republic%20of%20Korea/cities`
`http//localhost:4000/api/count/countries`
## Frontend : React
```
url : http://localhost:3000
```
### Available features :
#### Homepage
- See total users
- See total Messages
- See Total Media
- See total cities and country
#### Users Page
- See all users in a tab
- Filter Users by each property
- Global Search
#### Profile Page
- Show profile details (click on "show profile" or `http://localhost:3000/profile/3`)
- See Profile messages sent
- See profile messages received
- Enable and disable account
- List medias (no preview because S3 bucket access is blocked)
#### Stats Page
- See all countries
- See all Cities
- Filter Cities by Country
#### Global
- See my handmade interface with tailwindcss
- Babel configuration
- React Router + React Table + Component splitting
## Thanks for your time!