portfolio-react

A modern, responsive personal portfolio website built to showcase my skills, projects, and GitHub work. Designed with a clean UI, soft pastel accents, and a strong focus on usability, responsiveness, and performance.

🌸 Personal Portfolio Website

A modern, responsive personal portfolio website built to showcase my skills, projects, and GitHub work.
Designed with a clean UI, soft pastel accents, and a strong focus on usability, responsiveness, and performance.

---

✨ Features

• ⚡ Fully responsive design (mobile-first)
• 🧊 Glassmorphism sticky navbar
• 🌗 Light / Dark mode toggle (persistent)
• 🍔 Mobile hamburger menu
• 🎯 Clean hero section with quick facts
• 🛠️ Skills section with visual badges
• 📦 GitHub repositories displayed as cards
• 💌 “Hire Me” button opens mail client
• 🔗 Smooth scroll navigation

---

🛠️ Tech Stack

Frontend

• React
• HTML5
• CSS3 (custom, no UI library)
• JavaScript (ES6+)

Styling

• CSS Variables
• Flexbox & Grid
• Glassmorphism
• Pastel color system

Other

• GitHub REST API (for repositories)
• Responsive design principles

---

📂 Project Structure

src/
│
├── components/
│   ├── Header.jsx
│   ├── Hero.jsx
│   ├── Skills.jsx
│   ├── Projects.jsx
│   ├── Repos.jsx
│   └── Footer.jsx
│
├── index.css
├── main.jsx
└── App.jsx