Abdul Wahid 个人开发者作品集网站开源:纯 HTML/CSS/JS 打造
abduIwahid/Portfolio
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 |
|---|---|
| abdulwahid.connects@gmail.com | |
| linkedin.com/in/abdu1wahid | |
| +92 307 8141252 | |
| @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