Basic setup of react router

 1^st react router setup

npm create vite@latest name-of-your-project -- --template react

npm install react-router-dom localforage match-sorter sort-by

2^nd tailwind  setup

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

3^rd daisy ui

npm i -D daisyui@latest 

4^th open code .

5^th add tailwind extra settings

Go to tailwind.config.js and add this code

content: [

"./index.html",

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

],

2^nd index.css add this code

@tailwind base;

@tailwind components;

@tailwind utilities;

6^th: daisy ui extra settings

Go to tailwind.config.js and add this code

7^th: fix that plugins: [require("daisyui")],

Go to .eslintrc.cjs file and add 

8^th routers setup

1^st create one folder Routes > file Routes and setup routes 

2^nd in main.jsx

Read More