🌐 Developer Portfolio Terminal Dashboard

A responsive, high-performance professional portfolio website built from scratch using clean semantic architecture. Designed with a custom cyber-tech dark UI layout system, this terminal dashboard showcases an interactive achievements framework, an authenticated certificate grid array, and technical documentation layouts.

---

---

🔗 Live Deployment Link: Click Here to View Live Portfolio Website

---

⚡ Key Architecture Highlights

• Fluid Side-by-Side Typography: Tailored CSS grid modules providing clean columns that adapt seamlessly across fluid media breakpoints and mobile viewports.
• Optimized Routing Environment: Clean decoupled routing loops connecting the main directory engine flawlessly to secondary feature components (git-article.html).
• Technical Writing Integration: An embedded documentation engine featuring an interactive visualizer detailing data flows across local and cloud environments.
• Optimized Media Delivery: Zero-dependency script optimization techniques utilizing local, relative root path mapping configurations for instant component initialization.

---

🛠️ System Stack & Core Utilities

[UI/UX Core Elements] ────> Vanilla HTML5 / Modern CSS Grid Modules
[Behavioral Logic Engine] ─> Native ECMAScript DOM API Controllers
[Animation Systems] ──────> HTML5 Core Rendering Context API Loops
[Deployment Infrastructure] ─> Git / GitHub Web Sockets / Global Vercel Edge Cache

---

📁 Repository Directory Structure

├── index.html           # Main Portfolio Engine & Terminal Grid Interface
├── git-article.html     # stand_alone Technical Writing Component Log File
├── intro.mp4            # Local background entry layout visual sequence
├── outro.mp4            # Interactive footer visual render layer asset
├── README.md            # System documentation overview (This File)
└── *.jpeg               # Digitally optimized and case-verified asset index

---

📦 Local Workspace Replication Guide

To download and run this repository locally on your machine for customization or testing:

1. Clone the repository:

   git clone https://github.com

2. Navigate into the directory:

   cd My-Website

3. Launch the project: Simply double-click index.html or use the VS Code extension Live Server to run it in a secure local browser workspace layout.

---

🏅 Educational Certifications Grid Index

The project data array maps and verifies six case-sensitive professional achievements live inside the UI framework tracking panel:

1. Google Cloud Platform Fundamentals (Google Cloud.jpeg)
2. Advanced Java Systems Architecture (Intro to Java.jpeg)
3. Introduction to CSS Modules (Introo to CSS.jpeg)
4. Deloitte Data Analytics Virtual Experience (Deloitee Certificate.jpeg)
5. Data Analytics 85% Metric Capstone - Beep (Beep(Shark Tank Funded).jpeg)
6. Skyscanner Front-End Job Simulation (skyscanner certificate.jpeg)

---

🛠️ Designed with precision. Coded from scratch. Powered by clean architecture. © 2026