LMS Frontend

Setup instruction

1. Clone the project

   git clone https://github.com/sanjaraiy/Lms_frontend.git

2. Move into the directory

   cd LMS-frontend

3. install dependencies

   npm install

4. run the server

  npm run dev

Setup instructions for Tailwind

Tailwind official instruction doc

1. Install tailwindcss

 npm install -D tailwindcss postcss autoprefixer

 npx tailwindcss init -p 

2. Create tailwind config file

 npx tailwindcss init

3. Add file extensions to tailwind config file in the content property

  "./src/**/*.{html,js,jsx,ts,tsx}","./index.html",

4. Add the tailwind directives at the top of the index.css file

  @tailwind base;
  @tailwind components;
  @tailwind utilities;

5. Add the following details in the plugin property of tailwind config

plugins: [require("daisyui"),require("@tailwindcss/line-clamp")],

Adding plugins and dependencies

  npm install @reduxjs/toolkit react-redux react-router-dom react-icons react-chartjs-2 chart.js daisyui axios react-hot-toast @tailwindcss/line-clamp  

configure auto import sort esline

1. Install simple import sort

npm i -D eslint-plugin-simple-import-sort

2. Add rule in .eslint.cjs

'simple-import-sort/imports':'error'

3. add simple-import sort plugin in .eslint.cjs

plugins:[..., 'simple-import-sort']

4. To enable auto import sort on file save in vscode

• Open settings.json
• add the following config

"editor.codeActionsOnSave":{"source.fixAll.eslint":true }