Welcome to the open-source repository hosting my professional software engineering portfolio. This platform serves as a production-grade showcase of my architectural choices, dynamic front-end execution, and back-end integration strategies.
Experience the interactive interface live at: https://bahat159.github.io/
- Premium Glassmorphism Aesthetic: Tailored with hardware-accelerated frosted glass visual cards using optimized CSS3
backdrop-filterrules and smooth glow properties. - Mobile-First Responsive Topology: Native layouts dynamically reflow across all display standard formats (desktop down to mobile viewports) without framework overhead.
- Decoupled Client Communication Funnel: Implements a zero-server ingress pipeline linking contact forms to live email parsing gateways via production Formspree endpoints.
- Interactive Repository Showcase: Displays full-stack and automated data pipeline work with specialized performance metrics designed to highlight scalability to prospective engineering managers.
- Layout & Structuring Engine: Semantic HTML5.
- Visual Matrix: Custom CSS3 variables, keyframe automation routines, fluid layout models.
- Client Behavior Automation: Asynchronous Vanilla JavaScript (ES6 Modules).
- Cloud Infrastructure Services: Dedicated GitHub Pages automated actions workflow layer.
├── assets/
│ ├── css/
│ │ └── style.css # Core presentation layouts, premium glass rules, & animations
│ └── js/
│ └── app.js # Navigation behavior & dynamic viewport script handlers
├── index.html # High-impact user landing matrix & professional summaries
└── README.md # Production repository engineering manifest
To run, inspect, or modify the portfolio structure locally:
-
Clone the platform files:
git clone https://github.com cd bahat159.github.io -
Serve the project layout: Because the page is built using lightweight, dependency-free code, you can open
index.htmldirectly in any standard browser engine or run a local lightweight server:# Quick CLI local server invocation python -m http.server 8080 -
Navigate to the local runtime address: Open your browser framework and direct your URL targeting path to
http://localhost:8080.
- Asynchronous Repository Population: Integrating a client-side fetch pipeline connecting to the official GitHub GraphQL API to automatically pull and sync active repository metadata.
- Global Light/Dark Theme Variable Sync: Injecting unified custom theme listeners to let users toggle visual styling frameworks across the DOM.
- Analytics Implementation: Deploying micro-telemetry checks to observe user engagement patterns cleanly across active project summaries.