Ishengoma Kakwezi - Personal Portfolio 🚀

PLP Academy July 2025 Cohort Hackathon Submission
A modern, responsive personal portfolio website showcasing my journey as an IT Support Specialist transitioning to Full-Stack Development.

🌟 Project Overview

This portfolio website represents my submission for the PLP Academy July 2025 Cohort Hackathon Challenge. Built entirely with HTML5 and CSS3, it demonstrates clean code practices, responsive design principles, and professional web development skills.

🎯 Purpose

Showcase my technical skills and educational background
Present my projects and professional journey
Provide easy contact methods for potential collaborators and employers
Demonstrate proficiency in modern web development practices

🛠️ Technologies Used

HTML5 - Semantic markup and modern web standards
CSS3 - Advanced styling, animations, and responsive design
Google Fonts - Inter font family for professional typography
Font Awesome - Professional icon library
CSS Grid & Flexbox - Modern layout techniques
CSS Custom Properties - Maintainable theming system

Note: This project maintains a clean, hackathon-optimized structure with only essential files for evaluation and deployment.

📱 Features

✨ Core Functionality

Fully Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
Smooth Navigation - Fixed header with smooth scroll navigation
Professional Animations - Subtle hover effects and transitions
Contact Form - Functional mailto contact form
Downloadable CV - Direct access to professional resume
Project Showcase - Real project with screenshots and GitHub links

🎨 Design Features

Modern UI/UX - Clean, professional design with consistent styling
Mobile-First Approach - Optimized for mobile devices first
Accessibility Focused - Proper semantic HTML and keyboard navigation
Fast Loading - Optimized images and efficient CSS
Cross-Browser Compatible - Works across all modern browsers

📄 Portfolio Sections

🏠 Hero Section

Professional introduction with profile photo
Clear value proposition as IT Support Specialist & Aspiring Full-Stack Developer
Call-to-action buttons for engagement

👨‍💻 About Me

Personal introduction and professional journey
Key statistics and achievements
Passion for technology and problem-solving

🎓 Educational Background

Bachelor of Science in Computer Science - University of Dodoma
PLP Academy July 2025 Cohort - Full-Stack Web Development
Downloadable CV/Resume in PDF format

💻 Programming Languages

HTML5 - Web structure and semantic markup
CSS3 - Styling and responsive design
JavaScript - Interactive web functionality
PHP - Server-side development

🎯 Interests

Web Development - Modern frameworks and best practices
Tech Innovations - Emerging trends and new technologies
Problem Solving - Using technology to create solutions

🚀 Projects

TaskFlow Management System - Laravel + React + MySQL project
Personal Portfolio - This website built with HTML/CSS
Real screenshots and GitHub repository links

📞 Contact Information

Email: ishengomakakwezi193@gmail.com
Phone: +255763862970
LinkedIn: Ishengoma Kakwezi
GitHub: Isheboy
Functional contact form for direct messaging

🏗️ Project Structure

my-portfolio/
│
├── index.html              # Main HTML file
├── styles.css              # Main stylesheet
├── README.md              # Project documentation
│
└── img/                   # Images and assets
    ├── profile.jpg        # Profile photo
    ├── dashboard.png      # TaskFlow dashboard screenshot
    ├── home.png          # TaskFlow home page screenshot
    ├── login.png         # TaskFlow login page screenshot
    ├── register.png      # TaskFlow registration screenshot
    └── ISHENGOMA_KAKWEZI_CV.pdf  # Downloadable CV

🎨 Design System

Color Palette

Primary: #3498db (Blue)
Secondary: #2c3e50 (Dark Blue)
Accent: #667eea (Purple Blue)
Text: #2c3e50 (Dark)
Light Text: #7f8c8d (Gray)
Background: #ffffff (White)
Section Background: #f8f9fa (Light Gray)

Typography

Font Family: Inter (Google Fonts)
Weights: 300, 400, 500, 600, 700
Responsive sizing with rem units

Responsive Breakpoints

Mobile: 480px and below
Tablet: 768px and below
Desktop: 968px and below
Large Desktop: 1200px and above

🚀 Getting Started

Prerequisites

Modern web browser (Chrome, Firefox, Safari, Edge)
Text editor (VS Code recommended)
Git for version control

Installation & Setup

Clone the repository

git clone https://github.com/Isheboy/my-portfolio.git
cd my-portfolio

Open in your preferred editor
```
code .  # For VS Code
```
Launch the website
- Open index.html in your web browser
- Or use a local server like Live Server extension in VS Code

Development

HTML Structure (index.html)
- Semantic HTML5 elements
- Proper document structure
- SEO-friendly meta tags
- Accessibility considerations
Styling (styles.css)
- Mobile-first responsive design
- CSS Grid and Flexbox layouts
- Custom properties for theming
- Smooth animations and transitions
Assets (img/)
- Optimized images
- Professional screenshots
- Downloadable documents

📱 Responsive Design

The portfolio is fully responsive and provides optimal viewing experience across devices:

Mobile (≤480px): Single column layout, touch-friendly buttons
Tablet (≤768px): Adjusted grid layouts, optimized navigation
Desktop (≤968px): Multi-column layouts, hover effects
Large Desktop (1200px+): Full layout with optimal spacing

⚡ Performance Optimizations

Optimized Images: Proper sizing and compression
Efficient CSS: Minimal and organized stylesheets
Fast Loading: Optimized fonts and external resources
Semantic HTML: Clean, accessible markup
Modern CSS: Grid, Flexbox, and custom properties

🎯 Hackathon Compliance

This portfolio meets all PLP Academy July 2025 Cohort Hackathon requirements:

✅ Required Sections

✅ Technical Requirements

✅ Evaluation Criteria

Creativity and Ingenuity (20%): Unique design and professional layout
Code Quality (20%): Clean, well-structured HTML/CSS
Documentation (15%): Comprehensive README with clear instructions
Deployment (15%): Ready for GitHub Pages deployment
Development Process (15%): Professional development approach
Technology Stack (15%): Modern, responsive HTML/CSS implementation

🌐 Deployment

GitHub Pages

Push your code to GitHub repository
Go to repository Settings → Pages
Select source branch (main)
Your portfolio will be live at: https://yourusername.github.io/my-portfolio

Netlify (Current Deployment)

Live Site: https://iamishengoma.netlify.app
Dashboard: Netlify Dashboard
Deployment Method: Git-based continuous deployment
Auto-deploy: Updates automatically when you push to GitHub

Alternative Platforms

Vercel: Git-based deployment
GitHub Codespaces: Development environment
Surge.sh: Static site hosting

🤝 Contributing

This is a personal portfolio project for the PLP Academy Hackathon. However, suggestions and feedback are welcome!

Fork the repository
Create a feature branch (git checkout -b feature/improvement)
Commit your changes (git commit -am 'Add some improvement')
Push to the branch (git push origin feature/improvement)
Open a Pull Request

📧 Contact

Ishengoma Kakwezi

Email: ishengomakakwezi193@gmail.com
Phone: +255763862970
LinkedIn: Ishengoma Kakwezi
GitHub: Isheboy

📜 License

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

🙏 Acknowledgments

PLP Academy for the comprehensive web development training
July 2025 Cohort for the collaborative learning environment
Hackathon Organizers for providing this opportunity to showcase skills
Font Awesome for the professional icon library
Google Fonts for the beautiful Inter typography

🏆 Hackathon Submission

Event: PLP Academy July 2025 Cohort Hackathon 1: Portfolio Challenge
Participant: Ishengoma Kakwezi
Repository: my-portfolio
Live Demo: Portfolio Website
GitHub Pages: Alternative Link
Netlify Dashboard: Project Overview

Built with ❤️ by Ishengoma Kakwezi - PLP Academy July 2025 Cohort

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
img		img
README.md		README.md
index.html		index.html
styles.css		styles.css

Isheboy/my-portfolio

Folders and files

Latest commit

History

Repository files navigation