Skip to content

Dashboard template/boilerplate built with React/TS (Vite), ReactSuite, PostCss, Tailwind, Emotion, ESLint, Pretieer and Stylelint.

Notifications You must be signed in to change notification settings

AliBagheri2079/dashboard-react-ts-tailwind-reactsuite-emotion-vite

Repository files navigation

Demo React Dashboard

React Dashboard screenshot

Features

  1. Advance folder structure
  2. github branching system (github flow)
  3. add husky, lint-staged for precommit
  4. use eslint, prettier for linting an formating
  5. linting style with stylelint
  6. use tailwind with postcss
  7. create style component with emotion
  8. absolute path import
  9. use typescript from vite template
  10. using custom svg component and hero icon library
  11. use react suite ui framework
  12. using many state managment library such as: rematch, recoil, mobx and jotai
  13. routing strategy with react router and tanstach router
  14. use chart.js with react-charjs-2
  15. create many pages with tailwind library; flowbite, preline
  16. add custom title with react helmet and useDocumentTitle custom hook
  17. create generic id with uuid
  18. using crypto and fake store api
  19. package installer: pnpm

Project Plans

Lint

To linting this project run

    pnpm run lint

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

pnpm run dev

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

pnpm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Authors

Releases

No releases published

Packages

No packages published

Languages