🌟 BeginnerAman's Portfolio

A beautiful, responsive portfolio website showcasing all public projects and work. Built with modern web technologies and GitHub Copilot AI assistance.

🔗 Live Preview: GitHub Pages (Deploy using GitHub Pages settings)

📂 Repository: BeginnerAman/Portfolio

---

🎯 Features

✅ Responsive Design - Works perfectly on desktop, tablet, and mobile
✅ Project Filtering - Filter projects by category (Chat Apps, Games, Utilities, Special)
✅ Smooth Animations - Beautiful fade-in and scroll animations
✅ Easy Project Management - Add/remove projects in seconds
✅ Dark Theme - Modern dark UI with gradient accents
✅ Social Links - Connect on GitHub, Twitter, LinkedIn, Instagram
✅ Mobile-Friendly Navigation - Hamburger menu for mobile devices

---

🚀 How to Use

View the Portfolio

1. Clone the repository:

   git clone https://github.com/BeginnerAman/Portfolio.git
   cd Portfolio

2. Open in browser:

   • Simply open index.html in your browser
   • Or use Live Server extension in VS Code

Deploy on GitHub Pages

1. Go to repository Settings → Pages
2. Select main branch
3. Your portfolio will be live at: https://BeginnerAman.github.io/Portfolio

---

📝 How to Manage Projects

ADD a New Project

Edit script.js and find the projectsData array, then add:

{
    name: "Your Project Name",
    category: "chat",  // chat, game, utility, special, or profile
    icon: "💬",         // Any emoji you like
    description: "Brief description of your project",
    url: "https://github.com/BeginnerAman/your-repo"
}

That's it! Refresh the page and your project appears instantly. ✨

---

REMOVE a Project

1. Find the project in script.js
2. Delete the entire object
3. Save the file

That's all! No other changes needed. 🎉

---

Categories Available

Category	Usage	Examples
chat	Chat applications	Chat App, ChatX, Group Chat
game	Games & puzzles	Typing Game, Game Project
utility	Tools & calculators	Price Calculator, Movie Recommender
special	Special projects	Birthday Pages, Portfolio
profile	Profile & collections	Project collections, GitHub Profile

---

📂 Project Structure

Portfolio/
├── index.html       # Main HTML structure
├── styles.css       # All styling & animations
├── script.js        # Project data & interactions
└── README.md        # This file

---

🎨 Customization

Update Personal Info

Edit in index.html:

<!-- Line 39 - Hero Section -->
<h1 class="hero-title">Hi, I'm <span class="gradient-text">BeginnerAman</span></h1>

<!-- Line 179-188 - Contact Info -->
<p>your.email@example.com</p>
<p>Your Phone Number</p>

<!-- Line 192-207 - Social Links -->
<a href="https://github.com/YOUR-USERNAME">GitHub</a>
<a href="https://twitter.com/YOUR-HANDLE">Twitter</a>

Change Colors

Edit in styles.css:

:root {
    --primary-color: #6366f1;      /* Main color */
    --secondary-color: #8b5cf6;    /* Accent color */
    --accent-color: #ec4899;       /* Highlight color */
}

---

🤖 AI Assistance

This entire portfolio was built with GitHub Copilot AI assistance, providing:

• Optimized code structure
• Modern design patterns
• Responsive layouts
• Smooth animations
• Best practices implementation

Learn more about GitHub Copilot: github.com/features/copilot

---

📊 Portfolio Stats

• Total Projects: 22+
• Categories: 5 (Chat, Games, Utilities, Special, Profile)
• Commits: 50+
• Built with: HTML5, CSS3, JavaScript
• Design: Modern Dark Theme with Gradients

---

🔧 Technologies Used

• HTML5 - Semantic markup
• CSS3 - Advanced styling, animations, gradients
• JavaScript - Dynamic project loading, interactions
• Font Awesome - Icons library
• Google Fonts - Poppins font family

---

✨ Features Overview

Filter System

Click filter buttons to view projects by category:

• All Projects
• Chat Apps
• Games
• Utilities
• Special Projects

Responsive Navigation

• Fixed navbar with smooth scroll
• Hamburger menu for mobile
• Active link highlighting

Animations

• Fade-in effects on scroll
• Hover animations on cards
• Smooth transitions throughout

Mobile Optimization

• Fully responsive design
• Touch-friendly buttons
• Optimized for all screen sizes

---

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

---

📄 License

Free to use and modify. Credit to GitHub Copilot AI for the intelligent assistance.

---

🎯 Future Enhancements

• Dark/Light theme toggle
• Project search functionality
• Blog section
• Contact form integration
• Performance optimization

---

💡 Tips

1. Add emoji to projects - Makes cards more visually appealing
2. Keep descriptions short - Better readability
3. Use descriptive names - Helps visitors understand projects
4. Update contact info - Make it easy to reach you
5. Maintain GitHub links - Ensure they point to active repos

---

🤝 Support

For issues or suggestions, create an issue in the repository or reach out via the contact section.

---

Made with ❤️ by BeginnerAman
Powered by GitHub Copilot AI 🤖

---

Last Updated: May 7, 2026