A fun react playground.
Based on this public GitHub Repository
Create React App -- npx create-react-app 01basicreact
Scaffold Vite Project -- npm create vite@latest
-- npm create vite@latest project name: 03tailwindprops
Follow instructions to setup your project Example... copy and run following commands to initialize tailwindcss
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm create vite@latest
project name: 04bgChangeer
[Vite](https://tailwindcss.com/docs/guides/vite)
Follow instructions to setup your project
Example... copy and run following commands to initialize tailwindcss
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm create vite@latest
project name: 05passwordgenerator
[Vite](https://tailwindcss.com/docs/guides/vite)
Follow instructions to setup your project
Example... copy and run following commands to initialize tailwindcss
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
USD Conversion URL
EUR Conversion URL
INR Conversion URL
npm create vite@latest
project name: 06currencyconverter
[Vite](https://tailwindcss.com/docs/guides/vite)
Follow instructions to setup your project
Example... copy and run following commands to initialize tailwindcss
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
React Router createBrowserRouter Main Concepts
npm create vite@latest
project name: 07reactRouter
[Vite](https://tailwindcss.com/docs/guides/vite)
Follow instructions to setup your project
Example... copy and run following commands to initialize tailwindcss
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
npm i react-router-dom
npm create vite@latest
project name: 08miniContext
npm create vite@latest
project name: 09themeswitcher
[Vite](https://tailwindcss.com/docs/guides/vite)
Follow instructions to setup your project
Example... copy and run following commands to initialize tailwindcss
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p