Creative Developer & Architect
Designing digital experiences that captivate, inspire, and engage users through creativity and innovation, fostering meaningful interactions that leave a lasting impact and drive deeper connections.
Discover My Story
Uncover the passion and expertise that drives my work. My journey is a testament to creativity, innovation, and a relentless pursuit of excellence in every project.
My Background
I am a passionate developer and designer with a keen eye for detail and a love for creating beautiful, functional websites and applications. With years of experience in the industry, I bring a unique blend of technical expertise and creative vision to every project.
My Approach
- User-centered design focusing on intuitive experiences
- Clean, efficient, and maintainable code architecture
- Continuous learning and adaptation to new technologies
- Collaborative problem-solving with clients and teams
Mastered Competencies
Explore the diverse skill set that empowers my work. From cutting-edge technologies to timeless design principles, these are the tools I use to bring ideas to life.
Development
Design & Architecture
Other Skills
Showcasing Excellence
Explore a curated selection of my best work. Each project represents a unique challenge overcome and a creative solution delivered, demonstrating my versatility and expertise.
CareerCard
An application for resources management, involving the rebuilding of front-end, back-end, and mobile applications.
Lycra
A collection of applications and websites, focusing on design systems and code maintenance.
Metacard
Creation of a website and web application using Next.js and other modern technologies.
Professional Journey
Dive into my career path and see how each role has contributed to my growth. My experiences have shaped me into a versatile professional ready to tackle any challenge.
Software Engineer Experience - AI-Enhanced Development
Architected intelligent web applications using Next.js and AI-powered development tools, specializing in autonomous agent systems, workflow orchestration, and AI-assisted coding practices. Leveraged LangGraph for complex AI workflows and CopilotKit for enhanced developer productivity. At 4D, I spearheaded the integration of modern AI technologies into our development pipeline, transforming traditional web applications into intelligent, autonomous systems. My focus centered on building scalable Next.js applications enhanced with AI agents, implementing sophisticated workflow orchestration through LangGraph, and maximizing development efficiency using CopilotKit.
Frontend Engineer at SQLI, Rabat, Morocco
Building scalable design systems isn't just about creating pretty components—it's about transforming how teams work together and delivering consistent user experiences at scale. During my time as a Frontend Engineer at SQLI, I had the opportunity to architect and implement a comprehensive design system that became the foundation for multiple client websites, significantly improving both development efficiency and user experience. At SQLI, I served as a Frontend Engineer with a specialized focus on developing a comprehensive design system for a diverse portfolio of client websites. My primary mission was to establish a unified foundation of reusable components that would ensure visual consistency and functional reliability across all digital properties.
Full Stack Engineer at BBLES, Rabat, Morocco
Architected and developed a groundbreaking platform combining cryptocurrency and NFT functionality, while mentoring junior developers.
Insights & Expertise
Delve into my thoughts on industry trends, innovative technologies, and creative processes. My blog is a window into my professional insights and continuous learning journey.
N8N: The Visual Workflow Platform Transforming Business Automation
N8N is an open-source workflow automation platform that uses visual drag-and-drop nodes to create complex business processes. Creating AI agents is remarkably simple—just connect triggers to AI services like OpenAI and define response actions with a few clicks. With 400+ integrations and self-hosting options, it makes advanced automation accessible without coding skills.
Building My Portfolio with Payload CMS
Discover how I built my developer portfolio using Payload CMS and Next.js. This post walks through setting up content models, implementing dynamic routing, and optimizing for SEO—perfect for developers looking to create a modern, maintainable portfolio site with a headless CMS.
How LLMs Are Reshaping the Developer Journey: Winners and Challengers
Senior developer Alexis leverages LLMs to accelerate complex tasks she fully understands. Meanwhile, junior developer Marco copies AI-generated solutions without grasping the fundamentals. As coding assistants reshape development, they amplify veterans' capabilities while potentially undermining newcomers' learning journey—widening the gap between strategic AI users and those becoming dependent on increasingly powerful tools they don't fully comprehend.