11. npx create-react-app .
2
32. npm i -D tailwindcss postcss-cli autoprefixer 
4or
5npm install tailwindcss@latest postcss@latest autoprefixer@latest
6//postcss - transform our compile css 
7// autoprefixer - set vendor prefixes within our css automatically when needed
8
9//Generate npc config file
103.npx tailwind init tailwind.js --full
11
12// Create post css config file
134. touch postcss.config.js
14
15//open postcss.config.js
16//add this to the file
17__________________________________________
18const tailwindcss = require('tailwindcss');
19module.exports = {
20  plugins: [
21    tailwindcss('./tailwind.js'),
22    require('autoprefixer')
23  ]
24}
25__________________________________________
26
275. inside scr, create assets folder src/assets
28- create tailwind.css and main.css
29
30in tailwind, add this code
31//this will compile to the main css that will include in our app
32___________________________________________
33@import "tailwindcss/base";
34@import "tailwindcss/components";
35@import "tailwindcss/utilities";
36___________________________________________
37
386. Open package.json and add this iside the scripts
39___________________________________________
40   "start": "npm run watch:css && react-scripts start",
41    "build": "npm run build:css && react-scripts build",
42    "test": "react-scripts test",
43    "eject": "react-scripts eject",
44    "build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
45    "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
46____________________________________________
477. run 'npm start'
48
49
50add this to index.js
51_____________________________________
52import React from 'react';
53import ReactDOM from 'react-dom';
54import './assets/main.css';
55import App from './App';
56
57ReactDOM.render(
58  <React.StrictMode>
59    <App />
60  </React.StrictMode>,
61  document.getElementById('root')
62);
63_________________________________
64
65
66install router
67
681. npm i --save react-router-dom
69

1@import "tailwindcss/base";
2
3@import "tailwindcss/components";
4
5@import "tailwindcss/utilities";
6

1"scripts": {
2  "start": "npm run watch:css && react-scripts start",
3  "build": "npm run watch:css && react-scripts build",
4  "test": "react-scripts test",
5  "eject": "react-scripts eject",
6  "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
7}
8