Project Portfolio
Current learning projects, merged open-source work, and selected products I have built.
WardView
Native SystemsResponsive bedside-monitor interface concept built with Qt/QML and C++ models.
Problem:Device-oriented interfaces must preserve state, remain readable across layouts, and communicate system conditions clearly without becoming a static visual mockup.
Approach:A public Qt 6 project that separates QML presentation from C++ model ownership while exploring responsive layouts, reusable components, alarms, trends, and explicit interface states.
C++17Qt 6QMLCMake
Outcome:Public implementation with an intentionally bounded systems-learning scope
IPython Contribution
Open SourceMerged upstream fix restoring pathlib.Path support in IPython IFrame rendering.
Problem:An HTML-escaping security improvement passed pathlib.Path objects directly to html.escape(), causing IFrame rendering to fail and breaking downstream integrations.
Approach:Reproduced the regression, traced the failing conversion boundary, converted the source to a string before escaping, and added focused regression coverage that also verifies special-character escaping.
PythonpytestGitOpen Source
Outcome:Merged for IPython 9.16 after local and upstream validation
LLM Internals Lab
AI FoundationsOngoing learning lab implementing GPT-style LLM components from scratch to understand the mechanics beneath modern AI systems.
Problem:It is easy to use AI APIs without understanding the layers underneath them. This public lab forces me to study implemented components directly rather than claim understanding from API usage alone.
Approach:A research-style codebase for from-scratch implementations of LLM internals. The goal is deliberate technical depth: readable experiments, small components, and a growing map from high-level model behavior down to the machinery that makes it work.
PythonPyTorchTokenizationEmbeddingsAttentionpytest
Outcome:Public implementations and tests through trainable self-attention
Ebox Pro Logistics
Selected Web WorkA conversion-focused logistics website built to spotlight regional coverage and fulfillment trust.
Problem:GCC expansion brands need a logistics partner they can trust, but most fulfillment sites bury differentiators and overwhelm with generic copy.
Approach:Narrative-led layout with proof points, service deep-dives, and strong CTAs. Motion pacing and a 3D globe highlight regional reach while keeping performance tight.
Next.jsTypeScriptTailwind CSSFramer MotionReact Three FiberThree.jsreact-hook-form
Outcome:Regional reach, Conversion-focused CTAs
Richie Stores
Selected Web WorkPremium skincare e-commerce with a clean catalog, category-led browsing, and trust-focused product storytelling.
Problem:Customers need a clear path to discover skincare that matches specific concerns while feeling confident about safety and suitability.
Approach:A focused storefront with curated collections, detail-rich PDPs, and suitability messaging reinforced by direct support links.
E-commerceWeb DesignSkincare RetailContent Architecture
Outcome:Trust-first commerce, Fast product discovery
Marzelle
Selected Web WorkLuxury sweets storefront for premium marzipan and gift boxes, blending editorial presentation with modern headless commerce.
Problem:Premium food brands need ecommerce that feels elevated enough for gifting while still making product discovery, collections, and checkout frictionless.
Approach:A headless Shopify experience with rich hero storytelling, curated collections, gifting flows, and review-driven trust. Typography, photography, and product hierarchy were tuned to feel premium without slowing purchase intent.
Shopify HydrogenReact RouterTailwind CSSShopify Storefront APIJudge.me
Outcome:Luxury positioning, Gifting-focused commerce
Rossovivo
Selected Web WorkArtisan pizza restaurant website built to showcase brand story, locations, catering, and menu journeys for Dubai diners.
Problem:Restaurant brands need more than a menu link. Rossovivo needed a site that could communicate quality, drive orders, and support catering enquiries across multiple locations.
Approach:A cinematic, fire-led brand experience with dedicated catering flows, location pages, menu access, and CMS-backed content. Order, WhatsApp, event, and social-proof touchpoints were woven directly into the journey.
Next.jsTypeScriptTailwind CSSSanityFramer MotionPostHog
Outcome:Menu discovery, Catering and order intent
Gulf EPCO
Selected Web WorkB2B cosmetics manufacturing website positioning a Dubai factory for private label, contract manufacturing, and custom product development.
Problem:Cosmetics manufacturers need to build trust quickly with international buyers, but certifications, capabilities, and production depth often get buried in generic industrial websites.
Approach:A premium, credibility-first site structure highlighting manufacturing capabilities, certifications, product categories, and partnership paths. Clear hierarchy and conversion-focused CTAs turn technical factory information into a stronger sales narrative.
B2B WebsiteContent StrategyManufacturing UXResponsive Design
Outcome:Certification-led trust, Clearer buyer path
Feel Healthy Program
Selected Web WorkGuided wellness landing experience for Coach Roger, combining metabolic health education, product pathways, and business-partnership conversion.
Problem:Health offers often overwhelm visitors with disconnected product claims. The program needed a calmer structure that could explain the system, build credibility, and move visitors toward consultation or partner actions.
Approach:Educational landing architecture with clear metabolic-health messaging, guided program flows, product pages, booking, and partnership CTAs. The UI keeps wellness content approachable while still supporting conversion.
Next.jsTypeScriptTailwind CSSCal.comReact QueryCrisp Chat
Outcome:Guided education, Consultation and partner funnel
Timeless Touch Ceramics
Selected Web WorkLuxury porcelain surfaces site combining editorial storytelling with a filterable product catalog.
Problem:Luxury tile brands must communicate craftsmanship and specs without forcing customers through static PDFs or cluttered menus.
Approach:Cinematic landing narrative paired with a filterable library, quick views, and shareable URLs. Contentful powers curated catalogs with a static fallback.
Next.jsTypeScriptTailwind CSSFramer MotionContentfulshadcn/ui
Outcome:Catalog discovery, Editorial storytelling
iMeal
Web ProductsSmart meal planning with automatic shopping lists. Weekly recipe suggestions that adapt to your taste.
Problem:Meal planning is tedious. Shopping lists are scattered. People waste time deciding what to eat and what to buy.
Approach:Weekly random recipe generation with manual override. Search and customize recipes, approve your menu, and get an auto-generated shopping list. Local-first with cloud backup.
Next.jsTypeScriptTailwind CSSshadcn/uilocalStorageSupabase
Outcome:Recipe search, Auto shopping lists
Matchinary
AutomationMatchinary turns calendar screenshots into Google Calendar events with AI-powered OCR and calendar automation.
Problem:Many calendars lack Google Calendar integration. Manual event entry from screenshots is slow and error-prone.
Approach:Flask backend deployed on Render processes calendar images with AI-powered OCR. Next.js frontend on Vercel provides intuitive upload interface. Both communicate via REST API for seamless event extraction and Google Calendar sync.
FlaskNext.jsPythonAI/OCRREST APIGoogle Calendar APIRenderVercel
Outcome:Instant sync, AI-powered extraction
Want to discuss the work?
I'm open to thoughtful engineering conversations and student opportunities.