Useful Links

• Vite's Official Documentation

Styling

• Tailwind CSS Guide for Vite
• Tailwind CSS Plugins Documentation
• tailwindcss-animate GitHub
• @tailwindcss/typography Plugin
• ShadCN Themes
• Emojis

# Create a new Vite project with React and TypeScript
npm create vite@latest name-of-my-react-app -- --template react-ts

# Navigate to your project folder
cd name-of-my-react-app

# Install dependencies
npm install

# Run the development server
npm run dev

# Install Tailwind CSS and its peer dependencies
npm install -D tailwindcss postcss autoprefixer

# Initialize Tailwind CSS configuration files
npx tailwindcss init -p

# Install additional Tailwind CSS plugins for animations and typography
npm install -D tailwindcss-animate @tailwindcss/typography

# Install React Router DOM and type definitions for TypeScript
npm install react-router-dom
npm install @types/react-router-dom