Cyberpunk-themed personal portfolio showcasing projects, certifications, and skills —
built entirely with vanilla HTML, CSS & JavaScript. No frameworks. No templates. Just code.
| 🎓 CGPA | 📁 Projects | 🏅 Certificates | 🤖 AI Score |
|---|---|---|---|
| 3.56 | 9+ | 12 | 93% |
| Feature | Description |
|---|---|
| 🌌 Particle Network | Animated canvas background with 120 mouse-interactive particles |
| 🖱️ Custom Cursor | Neon dot + lagging ring cursor with gold hover effect |
| 🎞️ Scroll Reveal | All sections animate in on scroll via IntersectionObserver |
| 📊 Skill Bars | Animated proficiency bars that trigger on scroll entry |
| 🔢 Count-Up Stats | Hero stats count up on load (CGPA, Projects, Certs, AI Score) |
| 🔍 Project Filters | Filter projects by category: All / AI / C++ / Web |
| 💫 Intro Splash | Branded loading animation on first visit |
| 📱 Fully Responsive | Mobile hamburger menu, stacked layouts, touch-friendly |
| 🌑 Cyberpunk Theme | Deep navy + neon cyan + purple — dark & immersive |
| 🔎 SEO Optimized | Meta tags, Open Graph, Twitter Card, Schema.org structured data |
| 📄 Downloadable CV | One-click resume download from the hero section |
01 ── Hero Name · Role · Stats · CTA buttons · Profile photo
02 ── About Bio · Info chips · Education timeline
03 ── Skills Skill cards + animated proficiency bars
04 ── Projects 9 projects — filter by AI / C++ / Web + GitHub & live links
05 ── Certifications 12 badges from Accenture, HP, DigiSkills & more
06 ── Contact Links · Live status panel · Interactive terminal widget
abd-abdullah83.github.io/
│
├── index.html ← Complete single-file portfolio
├── photo.png ← Profile photo
├── resume.pdf ← Downloadable CV
├── sitemap.xml ← Google sitemap for SEO indexing
├── robots.txt ← Crawler instructions
└── README.md ← You are here
| # | Project | Stack | Type | Link |
|---|---|---|---|---|
01 |
♛ Chess Master — Minimax AI, 4 themes, ELO puzzle mode | C++ · SFML | AI + C++ | GitHub ↗ |
02 |
char****, SFML GUI |
C++ · SFML | C++ | GitHub ↗ |
03 |
🏗️ Smart Parking OOP — Rule of Five, merge/transfer | C++ · OOP | C++ | GitHub ↗ |
04 |
❌ Tic-Tac-Toe — Console + SFML, 4 themes, sound FX | C++ · SFML | C++ | GitHub ↗ |
05 |
🔢 Sudoku — Backtracking solver, hints, 3 difficulties | C++ · SFML | C++ | GitHub ↗ |
06 |
🌐 DigiSmart Lahore — Digital literacy & PECA 2016 quiz | HTML · CSS · JS | Web | Live ↗ |
07 |
💊 MediPharm — 10-page pharmacy SPA, DRAP compliance | HTML · CSS · JS | Web | Live ↗ |
08 |
✦ Nova — Gemini 2.0 Flash chat, weather, tasks, voice | HTML · CSS · JS | AI + Web | Live ↗ |
09 |
🤖 Personal AI Assistant — Gemini 2.5 Flash, Web Speech API, smart commands | HTML · CSS · JS | AI + Web | Live ↗ |
| Badge | Certificate | Issuer | Score |
|---|---|---|---|
| 🤖 | Digital Skills: Artificial Intelligence | Accenture / FutureLearn | 93% |
| 💼 | IT Skills For Business | Alison — CPD Certified | 96% |
| 📝 | Microsoft Word 2010 & 2013 | Alison — CPD Certified | 92% |
| 📊 | Data Analytics & Business Intelligence | DigiSkills.pk — Govt. of Pakistan | — |
| 🚀 | Startup Strategies & Entrepreneurship | DigiSkills.pk — Govt. of Pakistan | — |
| 💡 | Data Science & Analytics | HP LIFE — HP Foundation | — |
| 📈 | Strategic Planning | HP LIFE — HP Foundation | — |
| 🧠 | Success Mindset | HP LIFE — HP Foundation | — |
| 🔐 | Cybersecurity | ADBI Institute | — |
| 🌍 | Climate Change & Sovereign Risk | ADBI Institute | — |
| 🏆 | Certificate of Merit — Academic Excellence | Punjab Colleges | — |
| 🤖 | Robotics — Certificate of Participation | Punjab Colleges | — |
HTML5 Semantic structure, multi-section single-page layout
CSS3 Custom properties, Flexbox, Grid, keyframe animations
JavaScript Canvas API, IntersectionObserver, count-up, cursor FX, project filters
Google Fonts Oxanium · Rajdhani · Share Tech Mono
Schema.org Structured data (Person type) for Google rich results
GitHub Pages Free static deployment — zero build step
| Period | Institution | Qualification |
|---|---|---|
| 2025 – 2029 | FAST NUCES, Lahore | BS Data Science — CGPA: 3.56 |
| 2023 – 2025 | Punjab Colleges, Sialkot | Intermediate — ICS (Physics) · 🏆 Merit Certificate |
| 2023 – 2024 | Punjab Colleges | Robotics · 🤖 Certificate of Participation |
I'm a first-year BS Data Science student at FAST NUCES Lahore (2025–2029). I build complex systems from scratch — chess engines with Minimax AI opponents, memory-managed parking simulators with raw char**** pointers, full-stack web platforms, and Gemini-powered AI assistants. Certified in AI, Data Analytics, Cybersecurity, and Entrepreneurship. Aspiring entrepreneur with a mission to build a company of lasting impact.
⭐ If you like my portfolio, drop a star!
Made with 🤍 in Pakistan 🇵🇰 · © 2026 Abdullah Tahir
