💼 Prahlad Portfolio

This is my personal portfolio website built to showcase my skills, projects, and web development journey.

---

🚀 Live Preview

👉 https://github.com/Prahlad800/prahlad-portfolio 👉 https://prahlad-portfolio123.vercel.app

---

🧠 About the Project

This portfolio is built using React + Tailwind CSS + Framer Motion with a focus on:

• Clean UI
• Smooth animations
• Responsive design
• Real-world project structure

It includes multiple sections like About, Skills, Projects, and Contact with backend email functionality.

---

⚙️ Tech Stack

Frontend

• React.js
• Tailwind CSS
• Framer Motion
• Lucide React Icons
• React Icons

Backend

• Node.js
• Express.js
• Nodemailer (Email sending)

---

📁 Project Structure (Actual)

prahlad-portfolio/
│── client/
│   ├── src/
│   │   ├── components/
│   │   ├── hooks/
│   │   ├── assets/
│   │   ├── App.jsx
│   │   └── main.jsx
│   ├── index.html
│   └── package.json
│
│── server/
│   ├── routes/
│   ├── controllers/
│   └── index.js
│
└── README.md

---

✨ Features

• ⚡ Smooth animations using Framer Motion
• 🎨 Glass effect UI design
• 📱 Fully responsive layout
• 📂 Dynamic project cards
• 📬 Contact form with backend integration
• 🔗 GitHub + live links for projects

---

🔧 Installation & Setup

1. Clone the repo

git clone https://github.com/Prahlad800/prahlad-portfolio.git
cd prahlad-portfolio

2. Setup Frontend

cd client
npm install
npm run dev

3. Setup Backend

cd server
npm install
npm start

---

🔐 Environment Variables

Create a .env file inside the server folder:

EMAIL_USER=your_email@gmail.com
EMAIL_PASS=your_app_password

⚠️ Use Gmail App Password, not your normal password.

---

🐛 Issues I Faced

• ❌ SMTP connection timeout / errors
• ❌ Gmail security blocking emails

✅ Solution:

• Use App Password
• Enable less secure access alternatives
• Check internet/firewall issues

---

🚀 Future Plans

• Better animations
• Project filtering system
• Deployment

---

🤝 Contributing

This is a personal project, but suggestions are always welcome.

---

📧 Contact

• GitHub: https://github.com/Prahlad800
• Portfolio: https://prahlad-portfolio123.vercel.app

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!

---

🧑‍💻 Author

Prahlad