╔══════════════════════════════════════════════════════════╗
║ "I've managed more people than lines of code ║
║ I've debugged - and both numbers are scary high." ║
╚══════════════════════════════════════════════════════════╝
A futuristic, interactive personal portfolio built from scratch - no frameworks, no templates. Pure HTML, CSS, and vanilla JS.
Featuring a 2050 holographic code board hero section with animated AI teachers, live ML code panels, and a full neural network UI - all hand-coded.
| Feature | Details |
|---|---|
| 🎨 Hero Canvas | Futuristic holographic board - teachers animate on hover |
| ⚡ Glitch Name Effect | Gold + cyan ghost frames on the hero title |
| 🖱️ Custom Cursor | Gold dot with lagging ring, reacts to elements |
| 🃏 3D Card Tilt | Project cards tilt in perspective on hover |
| 📜 Scroll Reveal | Sections fade up as you scroll |
| 🏆 Award Ribbon | Water Quality Monitor - Top Project, 350+ submissions |
| 🖼️ Embedded Logos | University / certification logos baked in (no broken images) |
| 📱 Responsive | Mobile-first, panels hide gracefully on small screens |
| 🚀 Zero Dependencies | No npm, no bundler, no framework - open index.html and go |
Portfolio/
│
├── 📄 index.html ← Main page
│
├── 🎨 css/
│ └── style.css ← All styles, animations, responsive rules
│
├── ⚡ js/
│ ├── cursor.js ← Custom gold cursor + lagging ring
│ ├── nav.js ← Sticky blur nav on scroll
│ ├── reveal.js ← Scroll reveal + score bars + 3D tilt
│ └── hero.js ← 2050 holographic canvas (the wow factor)
│
└── 🖼️ assets/
└── logos.js ← Base64 embedded institution logos
| Degree | Institution | Grade |
|---|---|---|
| BSc Computer Science with AI | University of Leeds, UK | GPA EXP 3.7 / 4.0 · Top 15% |
| International Foundation Year | International Study Group | GPA 4.0 / 4.0 · Top 3% |
| Certification | Issuer | Score |
|---|---|---|
| McKinsey Forward Programme | McKinsey & Company | ✓ Completed |
| Lean Software Development | University of Minnesota | 92% |
projects = [
{"name": "Fake Review Detection (Dissertation)",
"stack": ["Python", "NLP", "LLMs", "Arabic NLP"],
"note": "Bilingual ML pipeline - EN & AR"},
{"name": "Voting System",
"stack": ["Java", "Client-Server", "Auth"],
"score": "97% · University of Leeds"},
{"name": "GPS Track Analyser",
"stack": ["Java", "Algorithms", "Data Structures"],
"score": "85% · University of Leeds"},
{"name": "Water Quality Monitor",
"stack": ["C++", "Qt6", "UI/UX"],
"score": "79% · Top Project - 350+ submissions"},
{"name": "E-Commerce Platform",
"stack": ["Python", "Flask", "SQLAlchemy"],
"score": "78% · University of Leeds"},
]# Clone the repo
git clone https://github.com/Raed-7/Portfolio.git
# Navigate into it
cd Portfolio
# Just open it - no install needed
open index.html # macOS
start index.html # Windows
xdg-open index.html # LinuxNo
npm install. Nonode_modules. No build step. Just open and go.
| rayd16165@gmail.com | |
| linkedin.com/in/raed-alshammari | |
| 📍 Location | UK · KSA |
© 2026 Raed Alshammari · Built with passion, not templates.