Project Portfolio
Systems that convert constraints into leverage. Each project solves a real problem with strategic precision.
LLM Internals Lab
AI SystemsOngoing 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. I wanted a public repo that forces me to study tokenization, embeddings, attention, pretraining, and fine-tuning by building the pieces directly.
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.
PythonPyTorchTokenizationEmbeddingsAttentionPretrainingFine-tuning
Outcome:From-scratch LLM components, public technical learning log
Ebox Pro Logistics
Brand SitesA 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
E-commercePremium 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
E-commerceLuxury 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
Brand SitesArtisan 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
Brand SitesB2B 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
Brand SitesGuided 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
Brand SitesLuxury 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 AppsSmart 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
OCR→Calendar Automation
AutomationPush events from any calendar screenshot directly to Google Calendar using AI-powered OCR.
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
Like what you see?
Let's build something strategic together.