https://github.com/mbmohib/nudash
An open-source Dashboard, including page builder, sparkles to use as a backend for GatsbyJS, ReactJS, NestJS built with React, TypeScript
https://github.com/mbmohib/nudash
admin-panel chakra-ui dashboard mockjs reactjs readux redux-toolkit typescript
Last synced: 3 months ago
JSON representation
An open-source Dashboard, including page builder, sparkles to use as a backend for GatsbyJS, ReactJS, NestJS built with React, TypeScript
- Host: GitHub
- URL: https://github.com/mbmohib/nudash
- Owner: mbmohib
- Created: 2021-10-08T04:50:59.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-20T07:25:44.000Z (over 4 years ago)
- Last Synced: 2025-03-11T18:52:41.555Z (over 1 year ago)
- Topics: admin-panel, chakra-ui, dashboard, mockjs, reactjs, readux, redux-toolkit, typescript
- Language: TypeScript
- Homepage: https://nudash.mohib.me/
- Size: 1.63 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NuDash · [](https://github.com/bdTechies/book-manager/blob/master/LICENSE.md)
##### An open-source Dashboard, including page builder, sparkles to use as a backend for GatsbyJS, ReactJS, NestJS marketing site built with React, TypeScript
### Page builder video preview
https://user-images.githubusercontent.com/20377400/148324686-21157a51-7037-43dc-9990-4ff08cbccae5.mov
### Live URL: https://nudash.mohib.me
### UI Designed by [Nurshad Rahman](https://behance.net/nurshadrahman), [Behance link](https://www.behance.net/gallery/134651935/Dasbhaord-Page-Buider)
### Features
- Create row/column on mouse drag
- Drag HTML Element like Text, Button, Link to to specific column
- Handle upload image from Gallery
- Create and sort menu on drag
- Implement Refresh token workflow to improve security
- Implement MockJS to mock api and test
- Include Recharts for info graphic
- Run test, format, lint code on commit using Husky
### Tech
- ReactJS
- React Query
- Redux
- Redux Toolkit
- Chakra UI
- React DnD
- Immer
- Recharts
- MockJS
- React Testing Library
- Cypress
- Recharts
- TypeScript
### TODO
- Handle react-router-dom v6 redirect on test
- Add Schema builder, table ui
- Add test for react-dropzone
- Handle using onSuccess hooks on useMutation with empty param
### Install & Run
1. First clone the repo:
```bash
$ git clone git@github.com:mbmohib/nudash.git
```
2. Then go to the folder:
```bash
$ cd nudash
```
3. Then install the dependencies:
```bash
$ npm install
```
3. Finally run the app:
- For Linux and Mac users:
```bash
$ npm start
```
4. Run test:
- For Linux and Mac users:
```bash
$ npm run test
```