🌐 Rajeev Nayan - Developer Portfolio 🚀

---

✨ Overview

A sleek, modern, fully responsive portfolio showcasing my projects, skills, and experience — built with React + Vite + TailwindCSS + Framer Motion.

• 💼 Purpose: Showcase my developer journey, skills, and live projects.
• 🧠 Focus: Clean design, fast load, mobile-first approach.
• 🚀 Hosting: Deployed using GitHub Pages for seamless deployment.

---

🌍 Live Demo

👉 Visit Portfolio
🔗 Alternate Link: https://imrajeevnayan.github.io/rajeevnayan/

---

🎥 Live Preview GIF

🎞️ Add a short recording (5–8 seconds) of your portfolio here.

![Portfolio Demo](https://github.com/imrajeevnayan/rajeevnayan/blob/main/assets/demo.gif)

Example display 👇

(Make sure to upload your GIF inside /assets/demo.gif in your repo.)

---

🛠️ Tech Stack

Frontend	Styling	Animation	Deployment
⚛️ React (18+)	🎨 Tailwind CSS	🎞️ Framer Motion	🚀 GitHub Pages
⚡ Vite	🧩 TypeScript	🧠 Custom Hooks	🌈 Netlify (optional)

---

📁 Folder Structure

├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── About.tsx
│   │   ├── Contact.tsx
│   │   ├── Footer.tsx
│   │   ├── Header.tsx
│   │   ├── Hero.tsx
│   │   ├── Projects.tsx
│   │   └── Skills.tsx
│   ├── App.tsx
│   ├── main.tsx
│   └── index.css
├── vite.config.ts
├── tailwind.config.js
└── package.json

---

⚙️ Setup Locally

# Clone the repository
git clone https://github.com/imrajeevnayan/rajeevnayan.git

# Navigate to the project
cd rajeevnayan

# Install dependencies
npm install

# Start the development server
npm run dev

---

🚀 Deploy to GitHub Pages

# Build your project
npm run build

# Deploy to GitHub Pages
npm run deploy

(Ensure your package.json has "homepage": "https://imrajeevnayan.github.io/rajeevnayan")

---

🧩 Features

• 🎨 Fully Responsive Design
• ⚡ Optimized Performance (Vite)
• 🎬 Smooth Animations (Framer Motion)
• 💡 Reusable React Components
• 📬 Contact Form Integration (EmailJS / Netlify)
• 🌐 Social Media Links and Footer

---

📊 GitHub Stats

---

💬 Contact Me

📧 Email: imrajeevnayan@gmail.com 💼 LinkedIn: linkedin.com/in/imrajeevnayan 📸 Instagram: @imrajeevnayan 💻 Portfolio: imrajeevnayan.github.io/rajeevnayan

---

🧡 Acknowledgements

• ⚛️ React
• 💨 TailwindCSS
• 🎞️ Framer Motion
• 🚀 Vite
• 💻 GitHub Pages

---

Made with ❤️ by Rajeev Nayan

---

🌟 Bonus Add-ons (Optional)

• Add Visitor Counter Badge

• Add Dark/Light Mode GIF demo

• Add Contributing / License section if open-sourced

• Include SEO badges or Lighthouse score screenshot

Would you like me to help you record & compress the GIF for GitHub (so it looks smooth and loads fast)?