跳到正文
GitHub·· 7 天前AI 评分3

Abdul Wahid 个人开发者作品集网站开源:纯 HTML/CSS/JS 打造

abduIwahid/Portfolio

AI 导读

BS 人工智能学生 Abdul Wahid 将其个人作品集网站 abdulwahid.me 的源码开源,采用纯 HTML5、CSS3 和 Vanilla JavaScript 构建,零框架依赖,并集成 GitHub 实时统计与 Google Drive 简历下载。

正文

📖 About This Project

This is the source code for my personal developer portfolio website, live at abdulwahid.me. It serves as a central showcase of my skills, projects, experience, and education as a BS Artificial Intelligence student with a passion for Machine Learning, Python, and Software Engineering.

The portfolio is fully responsive, features smooth animations, and is built with pure HTML, CSS, and JavaScript — no frameworks, just clean, fast, handcrafted code.


✨ Features

  • 🎨 Modern Dark UI with animated gradient accents
  • 📱 Fully Responsive — optimized for mobile, tablet, and desktop
  • ⚡ Zero Dependencies — pure HTML/CSS/JS, no frameworks
  • 🔗 Live GitHub Stats — dynamic contribution graph and repository cards
  • 🧭 Smooth Navigation — sticky navbar with active section tracking
  • 📄 Downloadable CV — one-click CV download via Google Drive
  • 📬 Contact Section — direct email, WhatsApp, and LinkedIn links
  • 🌐 SEO Optimized — meta tags, OG tags, and structured content

🗂️ Sections

Section Description
Hero Introduction, role, call-to-action buttons, and social links
About Personal background and mission as an AI/ML developer
Skills Tech stack including Python, Java, ML frameworks, and tools
Projects Highlighted work: ML models, Java apps, AI systems, and SQL projects
Experience Professional and hackathon experience
Education Academic background at COMSATS University
GitHub Live GitHub stats, contribution graph, and pinned repositories
Contact Email, WhatsApp, LinkedIn, and contact form

🛠️ Tech Stack

Frontend:   HTML5 · CSS3 · Vanilla JavaScript
Hosting:    Custom Domain (abdulwahid.me)
Assets:     Google Fonts · Font Awesome Icons
Stats:      GitHub Readme Stats API · GitHub Contribution Graph
CV:         Google Drive (hosted PDF)

🚀 Projects Showcased

🩺 MediSight

An intelligent healthcare platform that integrates machine learning models to analyze medical data and provide clinical insights. Features Next.js and FastAPI.

🏡 Predictly

An AI-powered web application that predicts property valuations for the Pakistani housing market using a trained machine learning model.

🧠 Smart Doctor Connect

AI-powered healthcare assistant built during the Mind-to-Machine (MTM) 2026 Hackathon at COMSATS Wah Campus. Leverages AI/ML for patient-doctor connectivity and smart diagnosis assistance.

📊 Customer Churn Prediction

End-to-end ML project on the Telco dataset. Implements EDA, data preprocessing, and multiple models including Logistic Regression, Random Forest, and MLP. Also includes K-Means and Hierarchical Clustering.

🎮 Pac-Man (AI)

A neon-lit Pac-Man game built in Python/Jupyter Notebook with ghost AI logic, power pellets, and classic gameplay mechanics reimagined with code.

📦 Inventory Management System

Java OOP project (NetBeans) for managing products, stock levels, sales, and suppliers. Demonstrates inheritance, encapsulation, and structured GUI design.

🧾 Freelance Marketplace Management System

SQL-based backend system for managing freelancers, clients, projects, bids, and payments. Focuses on optimized queries, relational schema design, and data integrity.


📁 Project Structure

portfolio/
├── index.html          # Main HTML file (single-page)
├── style.css           # All styles (variables, sections, animations)
├── script.js           # Interactivity, navbar, scroll effects
├── assets/
│   └── profile.jpg     # Profile photo
└── README.md           # This file

🖥️ Local Development

No build tools or package managers required.

# Clone the repository
git clone https://github.com/abduIwahid/abdulwahid.git

# Open in browser
cd abdulwahid
open index.html
# or just drag index.html into your browser

To preview with live reload, use VS Code's Live Server extension.


📬 Contact

Got a project idea, collaboration, or just want to say hi?

Channel Link
📧 Email abdulwahid.connects@gmail.com
💼 LinkedIn linkedin.com/in/abdu1wahid
💬 WhatsApp +92 307 8141252
📸 Instagram @abdu1vvahid

📜 License

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

Feel free to use the code as inspiration for your own portfolio — just give credit if you do! ⭐


If you found this helpful, consider giving it a ⭐ — it means a lot!

Made with ❤️ by Abdul Wahid · COMSATS University, ATTOCK

来源:GitHub · github.com