Developer Portfolio - React Edition

A modern, animated dark-theme developer portfolio built with React.

Setup

1. Install dependencies:

   npm install

2. Add your profile image:

   • Place your image file named profile.jpg in the /public folder
   • The About section will display this image

3. Run development server:

   npm run dev

4. Build for production:

   npm run build

Features

• ✨ Dark glassmorphism UI with animated gradient background
• 🎨 Smooth scroll navigation with active section highlighting
• 📱 Fully responsive mobile design
• 🎭 Interactive project cards with 3D tilt effect
• 🚀 Icon-only social media links in the contact section
• 🎪 Animated floating orbs and reveal animations
• ⚛️ Built with React + Vite

Customization

• Profile Image: Replace the /public/profile.jpg with your image
• Social Links: Update URLs in src/components/Contact.jsx
• Projects: Edit project data in src/components/Projects.jsx
• Tech Stack: Modify tech icons in src/components/TechStack.jsx
• Colors: Adjust CSS variables in src/styles.css

File Structure

src/
  components/
    Navbar.jsx
    Hero.jsx
    About.jsx
    Projects.jsx
    ProjectCard.jsx
    TechStack.jsx
    Contact.jsx
    BgOrbs.jsx
    RevealSection.jsx
  App.jsx
  main.jsx
  styles.css

Technologies

• React 18
• Vite
• CSS3 (Glassmorphism, Animation)
• Font Awesome Icons
• Devicon