Personal Portfolio Website

A modern, responsive portfolio website built with Flask, showcasing my skills, projects, and experiences.

Features

• 🌓 Dark/Light Mode Toggle
• 📱 Fully Responsive Design
• 🎨 Modern UI with Smooth Animations
• 📊 Interactive Skills Section
• 🚀 Project Showcase with Filtering
• 📚 Experience Timeline
• 🏆 Certifications & Courses Display
• 🏅 Hackathons & Competitions Section
• 📬 Contact Form
• 📄 Resume Download
• 📜 Certificate Viewing System

Tech Stack

• Backend: Python (Flask)
• Frontend: HTML5, CSS3, JavaScript
• Icons: Font Awesome
• Animations: Custom CSS
• Responsive Design: Custom CSS Grid & Flexbox

Project Structure

portfolio/
├── static/
│   ├── css/
│   │   └── style.css
│   ├── js/
│   │   └── script.js
│   ├── images/
│   │   ├── about/
│   │   └── projects/
│   └── certificates/
│       ├── clubs/
│       ├── hackathons/
│       └── certifications/
├── templates/
│   ├── base.html
│   └── index.html
├── app.py
└── README.md

Sections

1. Hero Section

   • Introduction
   • Quick Links
   • Scroll Indicator

2. About Section

   • Personal Information
   • Key Achievements
   • Profile Image

3. Skills Section

   • Languages
   • Frontend
   • Backend
   • Data & Cloud
   • Tools & Others

4. Projects Section

   • Filterable Project Cards
   • Project Details
   • GitHub Links

5. Experience Section

   • Education Timeline
   • Club Experience
   • Professional Experience

6. Certifications Section

   • Technical Certifications
   • Soft Skills Certifications
   • Certificate Links

7. Hackathons Section

   • Competition Details
   • Achievements
   • Media Gallery

8. Contact Section

   • Email
   • Phone
   • Social Links

Setup & Installation

1. Clone the repository:

   git clone https://shlokbam/portfolio.git

2. Install dependencies:

   pip install -r requirements.txt

3. Run the application:

   python app.py

4. Visit http://localhost:5000 in your browser

Customization

• Update personal information in templates/index.html
• Modify styles in static/css/style.css
• Add/remove projects in the projects section
• Update certificates in the static/certificates directory
• Customize colors and themes in CSS variables

Contributing

Feel free to fork this repository and customize it for your own use. If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is open source and available under the MIT License.

Contact

For any queries or suggestions, feel free to reach out:

• Email: shlokbam19103@gmail.com
• Phone: +91-7974670370