- clone the project
git clone https://github.com/Vishu0106/LMS-Frontend.git
- Move into the directory
cd lms-frontend
- Install dependencies
npm i
- Run the server
npm run dev
(https://tailwindcss.com/docs/guides/vite)
- Install tailwind and other dependencies
npm install -D tailwindcss postcss atuoprefixer
- Create the
tailwind.config.js
file
npx tailwindcss init -p
- Add the files and extension to tailwind config in hte content property
content:[
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
- Add the tailwind directives on the top of index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
- Then run the server , tailwind should be integrated
npm run dev
npm install @reduxjs/toolkit react-redux react-router-dom react-icons react-chartjs-2 chart.js daisyui axios react-hot-toast @tailwindcss/line-clamp
- Install the plugin
npm i eslint-plugin-simple-import-sort
- Add rule in
.eslintrc.cjs
'simple-import-sort/imports':'error'
- Add simple-import-sort in the pulgin array of
.eslintrc.cjs
file
plugins:[... , 'simple-import-sort']
-
Open ettings.json in VScode config settings
-
Add the following code
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}