Modern Developer Portfolio

Showcase your skills, projects, and personality with style.

A modern, visually stunning, and fully responsive developer portfolio built with React, TypeScript, Vite, GSAP, and Tailwind CSS.

• 🎨 Beautiful Animations: Smooth transitions and interactive UI powered by Framer Motion and GSAP.
• 🧩 Custom Components: Modular, reusable components for layout, sections, and UI elements.
• 📱 Responsive Design: Looks great on all devices, from mobile to desktop.
• 🌙 Dark Mode Ready: Easily customizable for light/dark themes.
• 🪐 Particle & Beams Effects: Eye-catching backgrounds and effects for a unique look.
• ⚡ Easy Customization: Update your content and styles with minimal effort.
• 🛠️ TypeScript Strictness: Strong typing for maintainable, scalable code.
• 🧑‍💻 Open Source: Fork, star, and contribute!

• React & TypeScript
• Vite
• Tailwind CSS
• Framer Motion
• GSAP
• Lucide React Icons

• Node.js (v18+ recommended)
• npm or yarn

# Clone the repository
git clone https://github.com/your-username/Portfolio-V-3.git
cd Portfolio-V-3

# Install dependencies
npm install
# or
yarn install

npm run dev
# or
yarn dev

Open http://localhost:5173 to view it in your browser.

npm run build
# or
yarn build

npm run preview
# or
yarn preview

src/
  App.tsx            # Main app component
  main.tsx           # Entry point
  index.css          # Global styles (Tailwind)
  components/
    layout/          # Layout components (Header, Footer, etc.)
    sections/        # Page sections (Hero, About, Projects, etc.)
    ui/              # UI elements (Button, Card, etc.)
  lib/               # Utility functions
  types/             # TypeScript types

• Update content in src/components/sections/ (Hero, About, Projects, etc.)
• Change theme/colors in tailwind.config.js
• Add or modify components in src/components/
• Update global styles in src/index.css
• Add new sections or features as needed
• Swap out icons or backgrounds for your own style

Contributions, issues, and feature requests are welcome! Feel free to open an issue or submit a pull request.

1. Fork the repo
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

This project is licensed under the MIT License.