LMS Frontend

setup Instructions

1. clone the project

     git clone https://github.com/Vishu0106/LMS-Frontend.git

2. Move into the directory

    cd lms-frontend

3. Install dependencies

    npm i

4. Run the server

    npm run dev

How to setup tailwind in your project[Link]

(https://tailwindcss.com/docs/guides/vite)

1. Install tailwind and other dependencies

    npm install -D tailwindcss postcss atuoprefixer

2. Create the tailwind.config.js file

    npx tailwindcss init -p

3. Add the files and extension to tailwind config in hte content property

    content:[
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}",
    ],

4. Add the tailwind directives on the top of index.css

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

5. Then run the server , tailwind should be integrated

    npm run dev

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

Adding auto import sort for eslint

1. Install the plugin

    npm i eslint-plugin-simple-import-sort

2. Add rule in .eslintrc.cjs

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

3. Add simple-import-sort in the pulgin array of .eslintrc.cjs file

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

4. Open ettings.json in VScode config settings

5. Add the following code

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