A modern, responsive portfolio website built with React, Vite, and Tailwind CSS. Features a beautiful star background animation, dark/light theme toggle, and interactive sections to showcase projects and skills.

• 🎨 Modern Design - Clean and professional UI with smooth animations
• 🌙 Dark/Light Mode - Toggle between themes for better user experience
• ⭐ Star Background - Beautiful animated star field background
• 📱 Fully Responsive - Works perfectly on all devices
• 🚀 Fast Performance - Built with Vite for lightning-fast loading
• 📧 Contact Form - Integrated contact form with EmailJS
• 🎯 Single Page Application - Smooth navigation between sections

• Frontend Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Routing: React Router DOM
• Animations: CSS & React
• Form Handling: EmailJS
• Notifications: React Toastify

portfolio/
├── public/
│   ├── portfolio.svg
│   └── projects/
│       ├── project1.png
│       ├── project2.png
│       └── project3.png
├── src/
│   ├── Components/
│   │   ├── AboutSection.jsx
│   │   ├── ContactSection.jsx
│   │   ├── Footer.jsx
│   │   ├── HeroSection.jsx
│   │   ├── NavBar.jsx
│   │   ├── ProjectsSection.jsx
│   │   ├── SkillSection.jsx
│   │   ├── StarBackground.jsx
│   │   └── ThemeToggle.jsx
│   ├── assets/
│   │   └── [skill icons & logos]
│   ├── lib/
│   │   └── utils.jsx
│   ├── pages/
│   │   ├── Home.jsx
│   │   └── NotFound.jsx
│   ├── App.jsx
│   ├── main.jsx
│   └── index.css
├── package.json
├── tailwind.config.js
└── vite.config.js

• Node.js (v18 or higher)
• npm or yarn

1. Clone the repository

   git clone https://github.com/yourusername/portfolio.git
   cd portfolio

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser

   Navigate to http://localhost:5173 to see the portfolio in action!

• Introduction and welcome message
• Call-to-action buttons
• Professional photo/avatar

• Personal background
• Professional summary
• Interests and hobbies

• Technical skills with icons
• Programming languages
• Tools and technologies

• Featured projects with images
• Project descriptions
• Live demo and source code links

• Contact form integration
• Social media links
• Professional contact information

Edit tailwind.config.js to customize the color scheme:

module.exports = {
  theme: {
    extend: {
      colors: {
        // Add your custom colors here
      }
    }
  }
}

• Update personal information in component files
• Replace project images in public/projects/
• Modify skill icons in src/assets/
• Update social links and contact information

1. Create an EmailJS account at emailjs.com
2. Set up your email service and template
3. Add your EmailJS credentials to the contact form component

npm run build

• Vercel: Connect your GitHub repo for automatic deployments
• Netlify: Drag and drop the dist folder
• GitHub Pages: Use GitHub Actions for automated deployment

1. Fork the project
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

• React team for the amazing framework
• Tailwind CSS for the utility-first CSS framework
• Lucide React for beautiful icons
• EmailJS for contact form integration

Omkar Hole - @Linkedin

Project Link: Portfolio

a55dd795730698d38003363628accbaeb858dfd9

⭐ If you like this project, please give it a star! ⭐