Skip to content
/ nudash Public

An open-source Dashboard, including page builder, sparkles to use as a backend for GatsbyJS, ReactJS, NestJS built with React, TypeScript

Notifications You must be signed in to change notification settings

mbmohib/nudash

Repository files navigation

NuDash · GitHub license

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

nudash-page-builder.mov

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:
$ git clone git@github.com:mbmohib/nudash.git
  1. Then go to the folder:
$ cd nudash
  1. Then install the dependencies:
$ npm install
  1. Finally run the app:
  • For Linux and Mac users:
$ npm start
  1. Run test:
  • For Linux and Mac users:
$ npm run test

About

An open-source Dashboard, including page builder, sparkles to use as a backend for GatsbyJS, ReactJS, NestJS built with React, TypeScript

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published