🌐 Sujit Kumar Shaw – Developer Portfolio

A modern, responsive full-stack developer portfolio built to showcase projects, skills, and real-world development capabilities with a clean UI, smooth animations, and functional integrations.

---

🚀 Live Demo

👉 http://dev-portfolio-seven-sepia.vercel.app/

---

✨ Key Features

• ⚡ Responsive Design – Optimized for mobile, tablet, and desktop

• 🌙 Dark / Light Mode Toggle – Seamless theme switching across the app

• 🎨 Modern UI/UX – Glassmorphism, gradients, and clean layout

• 🚀 Smooth Animations – Powered by Framer Motion

• 🧠 Dynamic Sections

  • Hero (Intro + CTA)
  • About (Education Timeline)
  • Skills (Tech Stack Visualization)
  • Projects (Live + GitHub Links)
  • Contact (Working Email System)

• 📩 Contact Form Integration – Email sending via EmailJS

• 🔗 Social Integration – GitHub, LinkedIn, and more

• 🎯 Scroll Navigation – Smooth scrolling with active link highlighting

• 💡 Custom Cursor & Floating UI Elements (advanced UI polish)

---

🛠️ Tech Stack

Frontend

• React.js
• Tailwind CSS
• JavaScript (ES6+)

State & Logic

• React Hooks
• Context API

UI & Animations

• Framer Motion
• React Icons / Lucide Icons

Backend / Integration

• EmailJS (for contact form functionality)

Tools & Environment

• Vite
• Git & GitHub
• VS Code

---

📂 Project Structure

portfolio/
│
├── public/
│   └── resume.pdf
│
├── src/
│   ├── components/
│   │   ├── Navbar.jsx
│   │   ├── Hero.jsx
│   │   ├── About.jsx
│   │   ├── Skills.jsx
│   │   ├── Projects.jsx
│   │   ├── Contact.jsx
│   │   └── Footer.jsx
│   │
│   ├── constants/
│   ├── assets/
│   ├── App.jsx
│   └── main.jsx
│
├── .env
├── package.json
└── README.md

---

📸 Projects Included

• 📧 MailForge Event-driven email system using Kafka for scalable processing

• 🧠 CertiQuest Certification learning platform with structured content

• 🛒 Trendora Ecommerce Full-stack ecommerce app with authentication, admin dashboard, and checkout

---

⚙️ Setup & Installation

Clone the repository:

git clone https://github.com/sujit-27/your-repo-name.git
cd your-repo-name

Install dependencies:

npm install

Run the project:

npm run dev

---

🔐 Environment Variables

Create a .env file in the root directory:

VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_API_KEY=your_public_key

⚠️ Do not push .env to GitHub.

---

📬 Contact Form (EmailJS Setup)

• Uses EmailJS for sending emails directly from frontend

• Requires:

  • Service ID
  • Template ID
  • Public Key

• Template variables used:

  • name
  • email
  • message

---

🎯 Highlights

• Real-world project integration (EmailJS)
• Clean architecture and component-based design
• Strong focus on UI/UX and responsiveness
• Production-ready frontend practices

---

📬 Contact Me

• 📧 Email: sujitshaw029@gmail.com
• 💼 LinkedIn: https://linkedin.com/in/sujit-kumar-shaw
• 💻 GitHub: https://github.com/sujit-27

---

⭐ Support

If you found this project helpful or interesting, consider giving it a ⭐ on GitHub!

---

🧠 Author

Sujit Kumar Shaw B.Tech IT | Full Stack Java Developer Focused on building scalable and user-centric web applications.