- Clone the project
git clone https://github.com/singhsanket143/lms-frontend-hn.git
- Move into the directory
cd lms-frontend-hn
- install dependencies
npm i
- run the server
npm run dev
Tail wind official instruction doc
- Install tailwindcss
npm install -D tailwindcss postcss autoprefixer
- Create tailwind config file
npx tailwindcss init
- Add file extensions to tailwind config file in the contents property
"./src/**/*.{html,js,jsx,ts,tsx}", "./index.html",
- Add the tailwind directives at the top of the
index.css
file
@tailwind base;
@tailwind components;
@tailwind utilities;
- Add the following details in the plugin property of tainwind config
[require("daisyui"), require("@tailwindcss/line-clamp")]
npm install @reduxjs/toolkit react-redux react-router-dom react-icons react-chartjs-2 chart.js daisyui axi
os react-hot-toast @tailwindcss/line-clamp
- Install simple import sore
npm i -D eslint-plugin-simple-import-sort
- Add rule in
.eslint.cjs
'simple-import-sort/imports': 'error'
- add simple-import sort plugin in
.eslint.cjs
plugins: [..., 'simple-import-sort']
-
To enable auto import sort on file save in vscode
- Open
settings.json
- add the following config
- Open
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}