Varun Sharma — Portfolio (React)

Modern, animated portfolio built with React and Tailwind CSS. Single-page app showcasing projects, experience, and skills.

---

Quick Start

# from repo root
cd frontend

# install dependencies
npm install --legacy-peer-deps                                  

# run dev server
npm start

# production build
npm run build

App runs at http://localhost:3000

---

Features

• Animated hero with typing effect
• Smooth scrolling navigation
• Project modals with rich details
• Experience, Skills, Certifications
• Responsive design (mobile → desktop)

---

Tech Stack

• React 19, React DOM 19
• React Router 7
• Tailwind CSS 3, PostCSS, Autoprefixer
• Framer Motion 11
• Shadcn/Radix UI primitives
• Lucide Icons

Key files:

• src/App.js, src/App.css
• src/components/ui/* (Shadcn components)
• tailwind.config.js, postcss.config.js

---

Project Structure

frontend/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   ├── ui/...
│   │   └── ParticleBackground.jsx
│   ├── hooks/use-toast.js
│   ├── lib/utils.js
│   ├── App.js
│   ├── App.css
│   ├── index.js
│   └── index.css
├── package.json
├── tailwind.config.js
└── postcss.config.js

---

Scripts

• npm start — start dev server
• npm run build — create production build in build/
• npm test — run tests

---

Author

Varun Sharma — Backend/Python Developer • AI Engineer • Full‑Stack AI Engineer