Skip to content

README.md

Latest commit

 

History

History
421 lines (295 loc) · 12.9 KB

README.md

File metadata and controls

421 lines (295 loc) · 12.9 KB
Raw

📱 iPhone Dev Portfolio — Iphile Akho Selana

A fully interactive iPhone-style developer portfolio built with pure HTML, CSS & JavaScript. One file. No frameworks. No dependencies.

Live Demo GitHub LinkedIn

✨ Features

  • 🍎 Apple boot screen — authentic logo splash on load
  • 🏝️ Dynamic Island — tap for instant contact shortcuts
  • ⏰ Live clock — real-time status bar with current time
  • 🔔 Lock screen notifications — achievements displayed as iOS notifs
  • 📱 App grid — 8 tappable app icons with spring animations
  • 🚀 5 full app screens — About, Skills, Projects, Certs, Contact
  • 📲 iOS slide-up transitions — native-feel app open/close
  • 💬 Contact form — sends directly to WhatsApp
  • 🌊 Ambient background — animated glowing orbs
  • 📡 Zero dependencies — pure HTML/CSS/JS, single file

🗂️ App Screens

App Content
👤 About Profile card, education, work experience, languages, testimonials
⚡ Skills Tech pills + animated progress bars across 4 categories
🚀 Projects MadaKop featured project + more with live links
🏆 Certifications All 13 certs with green checkmarks
✉️ Contact All contact links + WhatsApp message form

🛠️ Tech Stack

HTML5      — Structure & semantic markup
CSS3       — Animations, glassmorphism, iOS aesthetics
JavaScript — Clock, navigation, Dynamic Island, contact form
Google Fonts — Plus Jakarta Sans
Vercel     — Deployment & hosting

🚀 Getting Started

Option 1 — View Live

Visit the live site → your-portfolio.vercel.app

Option 2 — Run Locally

# Clone the repo
git clone https://github.com/Project30Hub/portfolio.git

# Open in browser — just double-click portfolio.html
open portfolio.html

Option 3 — Deploy Your Own

1. Fork this repo on GitHub
2. Go to vercel.com → Import your repo
3. Hit Deploy — live in 60 seconds

📁 Project Structure

portfolio/
└── portfolio.html    ← Entire portfolio in one file
└── README.md         ← You are here

That's it. One file runs everything. 🤯

📸 Sections Overview

🏠 Home Screen

Lock screen with live time, notification cards showing achievements, profile widget with stats, app grid, and dock.

🏝️ Dynamic Island

Tap the Dynamic Island at the top to open a contact sheet with direct links to WhatsApp, Email, LinkedIn, and GitHub.

📱 App Navigation

Tap any icon → app slides up with iOS spring animation. Tap back → slides down and dismisses.

👨🏾‍💻 About Me

Iphile Akho Selana — Full Stack Developer based in Johannesburg, South Africa.

Currently completing NQF Level 4 Full Stack Development at ITvarsity / FNB App Academy (graduating July 2025).

  • 💼 Open to freelance projects & full-time roles
  • 🌍 Available remotely worldwide
  • 💬 Languages: English · Xhosa · Sesotho · Afrikaans

📬 Contact

Platform Details
📧 Email iphileakhoselana@outlook.com
📱 WhatsApp +27 68 330 5409
💼 LinkedIn Iphile Akho Selana
🐙 GitHub Project30Hub

📜 Commit History

# Commit Status
1 Initial portfolio — charcoal & orange design ✅
2 Redesign — iPhone-style interactive portfolio ✅
3 Dynamic Island contact sheet ✅
4 Apple boot splash + live clock ✅
5 Skills progress bars + pill system ✅

⭐ Show Some Love

If you like this portfolio, drop a ⭐ on the repo and connect on LinkedIn!

Built with ❤️ by Iphile Akho Selana · Johannesburg, SA · 2025
# 📱 iPhone Dev Portfolio — Iphile Akho Selana

A fully interactive iPhone-style developer portfolio built with pure HTML, CSS & JavaScript. One file. No frameworks. No dependencies.

Live Demo GitHub LinkedIn

✨ Features

  • 🍎 Apple boot screen — authentic logo splash on load
  • 🏝️ Dynamic Island — tap for instant contact shortcuts
  • ⏰ Live clock — real-time status bar with current time
  • 🔔 Lock screen notifications — achievements displayed as iOS notifs
  • 📱 App grid — 8 tappable app icons with spring animations
  • 🚀 5 full app screens — About, Skills, Projects, Certs, Contact
  • 📲 iOS slide-up transitions — native-feel app open/close
  • 💬 Contact form — sends directly to WhatsApp
  • 🌊 Ambient background — animated glowing orbs
  • 📡 Zero dependencies — pure HTML/CSS/JS, single file

🗂️ App Screens

App Content
👤 About Profile card, education, work experience, languages, testimonials
⚡ Skills Tech pills + animated progress bars across 4 categories
🚀 Projects MadaKop featured project + more with live links
🏆 Certifications All 13 certs with green checkmarks
✉️ Contact All contact links + WhatsApp message form

🛠️ Tech Stack

HTML5      — Structure & semantic markup
CSS3       — Animations, glassmorphism, iOS aesthetics
JavaScript — Clock, navigation, Dynamic Island, contact form
Google Fonts — Plus Jakarta Sans
Vercel     — Deployment & hosting

🚀 Getting Started

Option 1 — View Live

Visit the live site → your-portfolio.vercel.app

Option 2 — Run Locally

# Clone the repo
git clone https://github.com/Project30Hub/portfolio.git

# Open in browser — just double-click portfolio.html
open portfolio.html

Option 3 — Deploy Your Own

1. Fork this repo on GitHub
2. Go to vercel.com → Import your repo
3. Hit Deploy — live in 60 seconds

📁 Project Structure

portfolio/
└── portfolio.html    ← Entire portfolio in one file
└── README.md         ← You are here

That's it. One file runs everything. 🤯

📸 Sections Overview

🏠 Home Screen

Lock screen with live time, notification cards showing achievements, profile widget with stats, app grid, and dock.

🏝️ Dynamic Island

Tap the Dynamic Island at the top to open a contact sheet with direct links to WhatsApp, Email, LinkedIn, and GitHub.

📱 App Navigation

Tap any icon → app slides up with iOS spring animation. Tap back → slides down and dismisses.

👨🏾‍💻 About Me

Iphile Akho Selana — Full Stack Developer based in Johannesburg, South Africa.

Currently completing NQF Level 4 Full Stack Development at ITvarsity / FNB App Academy (graduating July 2025).

  • 💼 Open to freelance projects & full-time roles
  • 🌍 Available remotely worldwide
  • 💬 Languages: English · Xhosa · Sesotho · Afrikaans

📬 Contact

Platform Details
📧 Email iphileakhoselana@outlook.com
📱 WhatsApp +27 68 330 5409
💼 LinkedIn Iphile Akho Selana
🐙 GitHub Project30Hub

📜 Commit History

# Commit Status
1 Initial portfolio — charcoal & orange design ✅
2 Redesign — iPhone-style interactive portfolio ✅
3 Dynamic Island contact sheet ✅
4 Apple boot splash + live clock ✅
5 Skills progress bars + pill system ✅

⭐ Show Some Love

If you like this portfolio, drop a ⭐ on the repo and connect on LinkedIn!

Built with ❤️ by Iphile Akho Selana · Johannesburg, SA · 2025
# 📱 iPhone Dev Portfolio — Iphile Akho Selana

A fully interactive iPhone-style developer portfolio built with pure HTML, CSS & JavaScript. One file. No frameworks. No dependencies.

Live Demo GitHub LinkedIn

✨ Features

  • 🍎 Apple boot screen — authentic logo splash on load
  • 🏝️ Dynamic Island — tap for instant contact shortcuts
  • ⏰ Live clock — real-time status bar with current time
  • 🔔 Lock screen notifications — achievements displayed as iOS notifs
  • 📱 App grid — 8 tappable app icons with spring animations
  • 🚀 5 full app screens — About, Skills, Projects, Certs, Contact
  • 📲 iOS slide-up transitions — native-feel app open/close
  • 💬 Contact form — sends directly to WhatsApp
  • 🌊 Ambient background — animated glowing orbs
  • 📡 Zero dependencies — pure HTML/CSS/JS, single file

🗂️ App Screens

App Content
👤 About Profile card, education, work experience, languages, testimonials
⚡ Skills Tech pills + animated progress bars across 4 categories
🚀 Projects MadaKop featured project + more with live links
🏆 Certifications All 13 certs with green checkmarks
✉️ Contact All contact links + WhatsApp message form

🛠️ Tech Stack

HTML5      — Structure & semantic markup
CSS3       — Animations, glassmorphism, iOS aesthetics
JavaScript — Clock, navigation, Dynamic Island, contact form
Google Fonts — Plus Jakarta Sans
Vercel     — Deployment & hosting

🚀 Getting Started

Option 1 — View Live

Visit the live site → your-portfolio.vercel.app

Option 2 — Run Locally

# Clone the repo
git clone https://github.com/Project30Hub/portfolio.git

# Open in browser — just double-click portfolio.html
open portfolio.html

Option 3 — Deploy Your Own

1. Fork this repo on GitHub
2. Go to vercel.com → Import your repo
3. Hit Deploy — live in 60 seconds

📁 Project Structure

portfolio/
└── portfolio.html    ← Entire portfolio in one file
└── README.md         ← You are here

That's it. One file runs everything. 🤯

📸 Sections Overview

🏠 Home Screen

Lock screen with live time, notification cards showing achievements, profile widget with stats, app grid, and dock.

🏝️ Dynamic Island

Tap the Dynamic Island at the top to open a contact sheet with direct links to WhatsApp, Email, LinkedIn, and GitHub.

📱 App Navigation

Tap any icon → app slides up with iOS spring animation. Tap back → slides down and dismisses.

👨🏾‍💻 About Me

Iphile Akho Selana — Full Stack Developer based in Johannesburg, South Africa.

Currently completing NQF Level 4 Full Stack Development at ITvarsity / FNB App Academy (graduating July 2025).

  • 💼 Open to freelance projects & full-time roles
  • 🌍 Available remotely worldwide
  • 💬 Languages: English · Xhosa · Sesotho · Afrikaans

📬 Contact

Platform Details
📧 Email iphileakhoselana@outlook.com
📱 WhatsApp +27 68 330 5409
💼 LinkedIn Iphile Akho Selana
🐙 GitHub Project30Hub

📜 Commit History

# Commit Status
1 Initial portfolio — charcoal & orange design ✅
2 Redesign — iPhone-style interactive portfolio ✅
3 Dynamic Island contact sheet ✅
4 Apple boot splash + live clock ✅
5 Skills progress bars + pill system ✅

⭐ Show Some Love

If you like this portfolio, drop a ⭐ on the repo and connect on LinkedIn!

Built with ❤️ by Iphile Akho Selana · Johannesburg, SA · 2025