An open-source Dashboard, including page builder, sparkles to use as a backend for GatsbyJS, ReactJS, NestJS marketing site built with React, TypeScript
nudash-page-builder.mov
Live URL: https://nudash.mohib.me
UI Designed by Nurshad Rahman, Behance link
- 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
- ReactJS
- React Query
- Redux
- Redux Toolkit
- Chakra UI
- React DnD
- Immer
- Recharts
- MockJS
- React Testing Library
- Cypress
- Recharts
- TypeScript
- 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
- First clone the repo:
$ git clone git@github.com:mbmohib/nudash.git- Then go to the folder:
$ cd nudash- Then install the dependencies:
$ npm install- Finally run the app:
- For Linux and Mac users:
$ npm start- Run test:
- For Linux and Mac users:
$ npm run test