Featured Work
01
LiveEveryDictionary
Next.jsExpress.jsMongoDBSupabaseDockerAWSJWTGoogle Auth
- ▸AI-powered multilingual dictionary for German & English — translations, definitions, synonyms, conjugations, and contextual examples
- ▸Custom web scraping pipeline on AWS EC2 + Docker, processing thousands of lexical entries into MongoDB and Supabase
- ▸JWT & Google OAuth 2.0 auth with CI/CD pipeline cutting deployment time by 40%
- ▸API response times optimized by 35% via query indexing and caching strategies
02
LiveDIR.MENU
Next.jsTypeScriptTailwind CSSPrismaPostgreSQLCloudflare R2better-auth
- ▸Designed and shipped a SaaS platform that turns static PDF menus into immersive 3D flipbook experiences powered by Three.js and WebGL
- ▸Implemented secure file uploads to Cloudflare R2 with presigned URLs, PDF validation, and a 50 MB size limit
- ▸Integrated authentication (email/password + Google OAuth), PostHog analytics, and QR code generation for easy menu sharing
03
LiveAzalai Urban Souk — Digital Menu
Three.jsCSS AnimationsPDF conversion
- ▸Converted static PDF menus into an immersive digital flipbook with smooth page-turn animations and scroll-based storytelling
- ▸Built with Three.js for 3D depth effects and rich CSS animations, delivering a premium browsing experience on mobile and desktop
- ▸Productized and sold as a service to local restaurant owners in Marrakesh — turning a manual PDF workflow into an interactive digital asset
04
PrivateOrion Flowchart
ReactTypeScriptViteTailwind CSSZustandTanStack QueryAngular
- ▸Interactive drag-and-drop flowchart builder supporting 10+ node types and dynamic edge connections
- ▸Zustand for global state across deeply nested components — reduced re-renders by 30%+
- ▸TanStack Query for server-state sync with optimistic UI updates and zero loading flicker
- ▸Contributed to a parallel Angular admin dashboard for flowchart configuration and analytics
05
PrivateEthernalSones NFT DApp
ReactTypeScriptSolidityMetaMaskCoinbase WalletSocket.ioWeb3.js
- ▸Web3 DApp for minting, browsing, and managing NFTs on Ethereum — MetaMask & Coinbase Wallet integration
- ▸Solidity smart contract interface via Web3.js: wallet connection, gas estimation, on-chain minting
- ▸Socket.io real-time event layer broadcasting live mint activity across all connected clients
- ▸Responsive NFT gallery with metadata fetched from IPFS
06
LiveSamurai Pump
Vue.jsTailwind CSSFigma
- ▸Translated a Figma design to a fully functional Vue.js app with Tailwind CSS, making informed UX decisions where the original spec left gaps
- ▸Built interactive carousel and 3D model integrations from scratch to match the visual and interactive spec
- ▸Bridged the design-to-dev gap by redesigning components to better serve the intended user experience
07
LiveBig Wall Technology — Company Site
Tailwind CSSMailchimp
- ▸Built the company's public-facing website with Tailwind CSS, clean responsive layout, and Mailchimp integration for newsletter and lead capture
- ▸Served as the digital storefront for the founding company — first professional web presence built from scratch
08
LiveNext Dictionary
Next.jsDictionary API
- ▸Early word-lookup app built before EveryDictionary — the project that sparked the idea for a full-scale dictionary product
- ▸Explored dictionary API integration and search UX patterns that later shaped EveryDictionary's feature set
09
PrivateDocument Generation SPA
ReactExpress.jsNode.jsPDF-libDocx.js
- ▸Feature-rich document builder SPA — compose, format, and export as PDF or Microsoft Word
- ▸Node.js/Express.js backend handling template injection and file generation with pdf-lib and docx.js
- ▸Live preview system re-rendering the document in real time as users edit content