React Tailwind Css Photo Gallery

This is learning section to make web based app with React js and Tailwind CSS framework.

to start from scratch:

1. Install react :
   npx create-react-app

2. Install Tailwind CSS package & stuff :
   npm install tailwindcss postcss-cli autoprefixer

3. Install Tailwind CSS js :
   npx tailwind init tailwind.js --full

4. Make post CSS config file :
   touch postcss.config.js

5. Make tailwind.css file

6. Config package.json, then change and add some script in the scripts section :
   "start": "npm run watch:css && react-scripts start",
   "build": "npm run build:css && react-scripts build",
   "build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
   "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"

7. Finally, start program & make some web :
   npm start

Source : https://www.youtube.com/watch?v=FiGmAI5e91M