Mix of npm create vite and MUI with set of reusable components and utilities to build professional React application faster.
Includes:
- Prettier for code formatting
- Eslint for error checking
- Vitest (or Jest) with Testing Library for testing components and hooks
- Set of common components, useful hooks, and essential utilities
- State management using Context API
- Different and customized Public and Private layouts
- Basic authentication hooks and events
- Dark and Light mode with a toggle
- FavIcon and Manifest for PWA
- Clone or download the repo from: https://github.com/karpolan/react-mui-vite-ts
- Copy
.env.example
file into.env
file - Replace
_TITLE_
and_DESCRIPTION_
in all files with own texts - Check and resolve all
// TODO:
directives - Add your own code :)
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Checks the code for errors and missing things
Formats the code according to ./prettier.config.mjs
config
Launches the test runner in the interactive watch mode.
Builds the app for production or local development to the dist
folder.