This project involves the design and development of a platform dedicated to the General Theoretical Exam (ETG) for the driver’s license in France. The main objective is to simplify and digitize the entire process, from online booking to obtaining results.

Key Features:

• Online Reservation: Users can select the type of license, choose a nearby approved center, and book a date and time for the exam.
• Exam Taking: An intuitive interface allows users to answer question series in an environment simulating real conditions.
• Secure Payment: Integration of online payment methods to facilitate reservations.
• Registration Management: A dashboard for local managers to create, modify, and track exam sessions.
• Synchronization with the Ministry: Automation of daily updates of driving school data via a web service (WSMI).
• Log Management: Tracking of synchronizations and key operations to ensure transparency and security.

Technologies Used:

• Backend: Developed on the MelisPlatform, using the Laminas framework for a modular and robust architecture.
• Frontend: Modern and responsive interfaces developed in HTML, CSS, and JavaScript.
• Database: MySQL, with migration management via Flyway.
• CI/CD: Continuous integration and automated deployment with GitLab CI/CD.
• Monitoring and Performance: Using Grafana, SonarQube, and Sitespeed.io to ensure optimal performance and monitor the application.
• Security: Implementation of best practices, including HTTPS protection and management of complex passwords, Role-based access control (RBAC), Regular security audits and log analysis to monitor for suspicious activity and ensure ongoing platform integrity.

Methodology:

The project was conducted using an agile approach, with short iterations to regularly validate the developed features. Communication between stakeholders was done via Skype and Google Meet, and task management was centralized on Mantis.

This project involves the development and maintenance of Hiya.ma, a platform similar to Uber, but dedicated exclusively to women, both as drivers and users. My role in this project was to address various bugs in the mobile applications, implement an SMS confirmation system using Wilou, modify the back-office, set up a CI/CD pipeline, and enhance the overall security of the platform.

Key Features:

• Mobile Application Bug Fixes: Resolving issues and optimizing the performance of both the driver and user mobile applications.
• SMS Confirmation System: Integration of an SMS-based user verification system using Wilou to ensure secure account registration and login.
• Back-office Modifications: Enhancements to the back-office interface for better management of users, drivers, and transactions.
• CI/CD Implementation: Setup of a continuous integration and deployment pipeline to automate testing, build, and deployment processes.
• Security Improvements: Strengthening the security of the platform through best practices, including data encryption and secure authentication protocols.

Technologies Used:

• Backend: Laravel, providing a robust and secure framework for server-side operations.
• Database: MySQL, used for storing user and transaction data.
• Mobile Development: Flutter, utilized to develop cross-platform mobile applications for both drivers and users.
• Cloud & Services: Firebase, integrated for real-time database functionalities, authentication, and cloud messaging services.
• SMS Service: Wilou, used for sending SMS confirmations to users.

Methodology:

The project followed an agile development approach, allowing for continuous improvements and fast implementation of new features. My work focused on ensuring the platform’s stability, security, and usability, with a special emphasis on user verification and CI/CD automation.

This project involves the development of a multilingual event and showcase website for WatchesForELA, built with WordPress. The primary objective was to create an elegant and fully customized platform that allows easy content management while maintaining a pixel-perfect design based on the provided Figma prototype.

Key Features:

• Custom Theme Development: A fully custom WordPress theme built from scratch to match the Figma design precisely.
• Multilingual Support: Seamless integration of multilingual capabilities to enhance global accessibility.
• Custom Post Types (CPTs): Structured content management for events, watch collections, and other custom sections.
• ACF Blocks: Integration of Advanced Custom Fields (ACF) for flexible and user-friendly content editing.
• Contact Forms: Custom forms built with Fluent Form to handle inquiries and event registrations.
• Pixel-Perfect HTML/CSS: Conversion of the Figma design into a responsive, high-quality HTML/CSS layout with attention to detail.
• Smooth Animations: On-scroll animations using the AOS (Animate On Scroll) library for a dynamic and engaging user experience.

Technologies Used:

• Backend: WordPress with custom theme development and ACF for dynamic content management.
• Frontend: Hand-coded HTML, CSS (Sass), and JavaScript, ensuring a perfect match with the Figma design.
• Multilingual Management: WPML for smooth translation handling.
• Forms: Fluent Form for interactive and dynamic form submissions.
• Animations: AOS (Animate On Scroll) for smooth scroll-based effects and enhanced user engagement.
• Performance Optimization: Caching, image optimization, and clean coding practices for a fast and efficient website.

Methodology:

The project followed a structured workflow, starting with Figma-to-HTML conversion, then WordPress theme development, and finally, testing and optimization.
The iterative process ensured that the final product was fully aligned with the client’s expectations and provided a seamless user experience.

This project involves the development of the ELA International website, a multilingual platform dedicated to raising awareness, supporting research, and coordinating efforts in the fight against leukodystrophies. Built on WordPress, the site provides structured information through custom content types and a dynamic update notification system.

Key Features:

• Custom Post Types (CPT): Organization of content into dedicated sections:
  • Research News: Latest updates on scientific advances related to leukodystrophies.
  • Actions & Testimonials: Stories and initiatives from families, researchers, and supporters.
  • Expert Centers: A directory of specialized medical centers for diagnosis and treatment.
  • Leukodystrophy Index: A categorized database of different types of leukodystrophies.
• Multilingual Support: Seamless content management in multiple languages to reach an international audience.
• Article Update Notification System: Subscribers receive automatic notifications when research news or disease-related articles are updated.
• Custom Theme Development: Designed from a Figma prototype, ensuring a pixel-perfect conversion to HTML/CSS (SASS) before integration into WordPress.
• Interactive Animations: Smooth on-scroll animations implemented using the AOS (Animate on Scroll) library to enhance user engagement.

Technologies Used:

• Backend: WordPress with custom development for CPT management and dynamic content updates.
• Frontend: Custom theme built from scratch with HTML, CSS (SASS), and JavaScript.
• Multilingual Support: WPML for seamless translation management.
• Notification System: Custom email notifications for content updates.
• Animations: AOS (Animate on Scroll) for smooth and engaging visual effects.

Methodology:

The project followed an agile workflow, ensuring continuous feedback and improvements. The development process included Figma-to-HTML/CSS (SASS) conversion, WordPress integration, custom functionality implementation, and rigorous testing to ensure accessibility and performance.

This project involves the development of the ELA France website, a national platform dedicated to raising awareness, supporting research, and mobilizing resources in the fight against leukodystrophies. Built on WordPress, the site offers a multilingual experience and features an integrated online store for fundraising.

Key Features:

• Multilingual Support: Content available in multiple languages to reach a broader audience.
• WooCommerce Online Store: A fully integrated e-commerce solution for selling merchandise and supporting the cause.
• Custom Theme Development: Designed from a Figma prototype, ensuring a pixel-perfect conversion to HTML/CSS (SASS) before integration into WordPress.
• Interactive Animations: Smooth on-scroll animations implemented using the AOS (Animate on Scroll) library to enhance user experience.

Technologies Used:

• Backend: WordPress with custom development for content management and WooCommerce integration.
• Frontend: Custom theme built from scratch with HTML, CSS (SASS), and JavaScript.
• Multilingual Support: WPML for seamless translation management.
• WooCommerce: Online store setup for merchandise sales and fundraising.
• Animations: AOS (Animate on Scroll) for smooth and engaging visual effects.

Methodology:

The project followed an agile development process, which included a structured Figma-to-HTML/CSS (SASS) conversion, custom WordPress theme creation, WooCommerce setup, and performance testing to ensure an optimal user experience.

This project involves the development of estlab.ma, a showcase website for a company specializing in the supply of analytical solutions and laboratory equipment. The site features an extensive list of products and equipment, along with a catalog page offering brand PDFs. Product sheets are available for download in PDF format, generated automatically. Users can also request quotes and contact the company directly through dedicated forms.

Key Features:

• Product and Equipment Listings: A comprehensive catalog of laboratory equipment and analytical solutions available for viewing and download.
• PDF Product Sheets: Automatic generation of product sheets in PDF format, available for download for detailed product information.
• Contact and Quote Requests: Forms allowing users to request quotes or contact the company for more details on products and services.
• Custom Theme Development: A custom-designed theme based on HTML/CSS to match the company’s brand and provide an optimal user experience.
• Catalog Pages: A dedicated page for downloadable catalogs from various brands, available in PDF format for easy access.

Technologies Used:

• Backend: WordPress, for content management and ease of updates.
• Frontend: Custom theme development with HTML, CSS for a responsive, pixel-perfect design.

Methodology:

The project was developed using a client-driven approach, focusing on ease of navigation, product accessibility, and seamless integration of downloadable resources. The custom theme was designed to align with the company’s identity and offer a user-friendly experience.

This project involves the development of the official website for Aïn Ifrane, a mineral water brand. Built on WordPress, the website serves as a digital platform to present the brand, its benefits, and its commitment to health and well-being.

Key Features:

• Brand Presentation: A dedicated space to introduce Aïn Ifrane, its source, and its natural purity.
• Health & Well-Being Articles: A blog section offering expert advice on hydration, nutrition, and overall wellness.
• News & Updates: A dynamic section featuring the latest brand activities, campaigns, and industry news.
• Modern & Responsive Design: A clean, visually appealing interface optimized for all devices.

Technologies Used:

• Backend: WordPress for content management and flexible updates.
• Frontend: Custom HTML, CSS, and JavaScript for an engaging user experience.

Methodology:

The website was designed with a focus on simplicity and elegance, ensuring smooth navigation and easy access to information. The content strategy highlights the health benefits of hydration while reinforcing the brand’s identity.

This project involves the design and development of the Groupe Joumani website, a corporate platform showcasing the group’s activities, subsidiaries, and latest news. The main objective is to provide a professional and modern online presence while ensuring easy content management.

Key Features:

• Custom Theme Development: The website was built using a fully custom WordPress theme, designed from an HTML/CSS mockup.
• Corporate Presentation: Dedicated sections to present the group’s mission, vision, and various subsidiaries.
• News & Updates: A dynamic news section allowing the group to publish and manage articles related to its activities.
• Custom Content Management: Implementation of custom post types (CPTs) for better organization of content.
• Responsive Design: The website is fully responsive, providing an optimal user experience across all devices.

Technologies Used:

• Backend: WordPress, with a custom theme and advanced content management features.
• Frontend: HTML5, CSS3 (SASS), JavaScript, jQuery.
• Plugins & Tools: ACF Pro for custom fields, SEO optimization tools, and caching mechanisms for improved performance.
• Database: MySQL for content storage and management.
• Security: Implementation of best security practices, including HTTPS, security hardening, and regular updates.

Methodology:

The project followed a traditional waterfall (V-model) approach, with distinct phases including planning, design, development, testing, and final delivery. Each phase was validated before proceeding to the next, ensuring a structured and controlled development process. The final product was delivered after thorough testing and approval from the client.

This project involves the design and development of the Périgord Développement website, aimed at providing information and resources for local businesses and investors. The main objective is to offer a user-friendly platform for accessing economic development services, job offers, and real estate listings within the Dordogne region.

Key Features:

• Custom Theme Development: The website was built with a custom theme based on a Photoshop design, ensuring full control over the appearance and functionality.
• Job Offers Section: A dedicated area for displaying job offers with functionality for candidates to apply directly through the site.
• Real Estate Section: Management of real estate offers, allowing users to browse listings and get detailed information about available properties.
• Advanced Custom Post Types (CPTs): The site leverages custom post types for job offers and real estate listings, providing easy content management and organization.
• Multilingual Support: Integration of WPML to offer the website in multiple languages, ensuring accessibility to a wider audience.
• Responsive Design: The website features a fully responsive layout to ensure an optimal user experience on all devices.

Technologies Used:

• Backend: WordPress, with a custom theme and advanced custom post types for managing job and real estate offers.
• Frontend: HTML5, CSS3 (SASS), JavaScript, jQuery.
• Plugins & Tools: WPML for multilingual functionality, ACF Pro for custom fields, SEO plugins, and caching mechanisms for improved performance.
• Database: MySQL for data storage and management.
• Security: Best practices for securing the website, including HTTPS and regular security updates to ensure protection against vulnerabilities.

Methodology:

The project followed a structured approach with iterative development. Regular reviews were conducted to ensure alignment with client expectations, and development was carried out with a focus on scalability and security. Communication between stakeholders was managed through Google Meet and task management was centralized on Trello.