🚀 Portfolio Project: Modern Developer Portfolio

Welcome to my modern developer portfolio! This responsive website showcases my skills, projects, and professional journey with a sleek design and smooth animations.

🌟 Features

• Fully Responsive Design - Looks great on all devices 📱💻🖥️
• Project Showcase - Beautiful gallery of my work with filter options 🔍
• Skills Section - Visual representation of my technical abilities 📊
• Dark/Light Mode - Automatic theme switching based on preferences 🌓
• Contact Form - Easy way to get in touch with me 📬
• Smooth Animations - Enhanced user experience with subtle animations ✨
• Performance Optimized - Fast loading times with optimized assets ⚡

🛠️ Technologies Used

Category	Technologies
Frontend
Styling
Tools
Deployment

🚀 Quick Start

1. Clone the repository

   git clone https://github.com/alaharilakshyan/New-Portfolio.git
   cd New-Portfolio

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Open in browser

   http://localhost:5173
   

📂 Project Structure

New-Portfolio/
├── public/          # Static assets
├── src/             # Source files
│   ├── assets/      # Images, icons, fonts
│   ├── components/  # Reusable components
│   ├── sections/    # Page sections (Hero, About, Projects, etc.)
│   ├── styles/      # Global styles
│   ├── App.jsx      # Main application component
│   └── main.jsx     # Entry point
├── .gitignore       # Git ignore file
├── index.html       # Main HTML file
├── package.json     # Project dependencies
├── README.md        # You are here! 😊
└── vite.config.js   # Vite configuration

📝 Customization Guide

1. Update personal information
   Edit src/data/personal.js with your details:

   export const personalData = {
     name: "Your Name",
     title: "Your Title",
     description: "Your professional description...",
     // ...other data
   };

2. Add your projects
   Update src/data/projects.js with your work:

   export const projectsData = [
     {
       title: "Project 1",
       description: "Project description...",
       technologies: ["React", "Tailwind CSS"],
       // ...other fields
     },
     // ...add more projects
   ];

3. Modify the theme
   Edit colors in tailwind.config.js:

   theme: {
     extend: {
       colors: {
         primary: '#your-primary-color',
         secondary: '#your-secondary-color',
       }
     }
   }

🤝 Contributing

While this is my personal portfolio, I welcome suggestions and improvements!
Feel free to open issues or submit pull requests for:

• Bug fixes 🐛
• Accessibility improvements ♿
• Performance optimizations ⚡
• Design enhancements 🎨

📜 License

This project is licensed under the MIT License - see the LICENSE file for details.

---