Selected work
Projects built for real-world problems.
A selection of enterprise products, personal projects and learning experiments focused on frontend architecture, complex interfaces and maintainable React applications.
Enterprise
Enterprise and professional projects
Production products and professional applications developed for real operational needs, complex workflows and long-term maintainability.
Centreon Mapv1.0
Frontend Engineer
Interactive monitoring maps for visualizing infrastructure and service health.
Enterprise modernization project at Centreon focused on rebuilding a large-scale monitoring interface with a modern React architecture.
Key contributions
- Migrated the map viewer and editor from Backbone.js to React and TypeScript across a scope of more than 700 files, while preserving existing business rules and backend integrations.
- Developed and integrated draw.io as Centreon MAP's graphical editor engine, enabling users to interactively create and edit their monitoring maps.
- Redesigned the module's main pages and created a reusable modal architecture with protection against losing unsaved changes.
- Developed interactive configuration, navigation and monitoring features with React Router, Visx and Leaflet.js.
Centreon BAMv1.0
Frontend Engineer
Business activity monitoring and simulation interfaces for enterprise users.
Enterprise project at Centreon focused on simulating and configuring business activities, indicators and their hierarchical relationships.
Key contributions
- Developed a simulation panel for previewing configuration changes before applying them.
- Designed an interactive tree representation of business activities with Visx, making hierarchical relationships and associated indicators easier to explore.
- Developed the indicator list, a quick-creation workflow and configurable icon display.
- Created a reusable field-reset component integrated with Formik.
- Restructured state management with Jotai to separate temporary simulation changes from persistent data.
Equipment Transport Managementv1.0
Full Stack Developer Intern
An internal web application for managing transport equipment, inspections and operational tracking.
Developed during my end-of-study internship at APM Terminals Tangier. The application supported the management and monitoring of transport equipment, inspection workflows and operational information through a centralized interface.
Key contributions
- Developed interfaces for managing and tracking transport equipment
- Implemented equipment inspection and operational workflows
- Built backend features using ASP.NET MVC and C#
- Worked with JavaScript and SQL for frontend behavior and data management
- Integrated REST APIs between application services
- Contributed to the full development lifecycle as an end-of-study project
Personal
Personal projects
Independent projects designed and developed to explore product ideas, architecture and complete user experiences.
Developer Portfoliov2.0
Designer and Frontend Developer
A responsive portfolio presenting my experience, projects and technical journey.
Designed and developed a bilingual, responsive portfolio featuring projects, a secure contact form and transactional email delivery.
Key contributions
- Designed and developed a bilingual, responsive interface for presenting projects, experience and technical skills.
- Built a secure contact form with server-side Zod validation, anti-spam protection and email delivery through Resend.
- Implemented reusable components, accessible navigation, responsive layouts and SEO metadata.
Learning
Pet and learning projects
Smaller experiments and tutorial-based projects created to practise technologies, revisit fundamentals and learn by building.
Social Media App Clonev1.0
React Native Developer · 2025
A tutorial-based mobile social application built to explore the React Native ecosystem.
Built following a YouTube tutorial to explore mobile authentication flows, backend-as-a-service logic and reusable interfaces with Expo and React Native.
Key contributions
- Implemented authentication flows with Clerk
- Used Convex for backend logic and persistent application data
- Built reusable interfaces with Expo and React Native components
- Explored mobile application architecture and navigation patterns
Flappy Bird Clonev1.0
Frontend Developer · 2025
A lightweight browser game recreating the classic Flappy Bird mechanics.
Built to revisit core web fundamentals and browser game loops using modular HTML, CSS and JavaScript.
Key contributions
- Implemented collision detection and score tracking
- Created parallax scrolling and animated sprite behavior
- Built the game loop with modular JavaScript
- Revisited browser rendering and core web fundamentals