Orange Senegal - Full Stack Projects

Orange Senegal - Full Stack Projects

Full-stack development of multiple projects for Orange Senegal as a consultant. E-commerce, workflow management, microservices and micro frontend architecture.

Drupal React Next.js Laravel Symfony Angular LDAP Vrata Activiti NX Module Federation Web Components
View demo
Role Full Stack Engineer
Period July 2019 - November 2022

Context

Consultant for Orange Senegal via Gebeya, I worked on several varied projects, from the simplest to the most complex, covering different domains: e-commerce, workflow management, microservices and modern architecture.

My Role

As a Full Stack Engineer, I was responsible for developing several critical projects for Orange Senegal over a period of 3 years and 5 months, working in hybrid mode from Dakar.

Main Responsibilities

  • Full Stack Development: Design and development of complete web applications
  • Architecture and Innovation: Introduction of new technologies and modern architectures
  • System Integration: LDAP connection, role and access management
  • Microservices: Development of microservices architectures with workflow management

Projects Completed

Orange Senegal E-commerce

Role: Drupal Developer then React.js Initiator

Development of Orange Senegal’s e-commerce site with:

  • Phase 1: Drupal integrations, creation of custom modules and custom theme
  • Phase 2: Innovative POC with decoupled Drupal API + React (Next.js) architecture
  • Result: Powerful e-commerce site with excellent user experience
  • Impact: Introduction of React.js to Orange digital center

Moodboard Project

Role: Laravel Backend Developer

API for managing employee mood at end of day:

  • LDAP connection integration
  • Role and access management for different endpoints
  • End-of-day reminder system
  • Robust RESTful API with Laravel

Andando Project

Role: Full Stack React and Drupal Developer

Application for managing Orange enterprise customers:

  • Order management for Orange wholesale customers
  • Modern and performant React interface
  • Drupal backend for data management
  • Complex order management system

Selfcare HR Project

Role: Full Stack Laravel/Symfony and Angular Developer

Workflow and human resources management project:

  • Workflow management with Activiti
  • Skills and evaluation management
  • Gift management for Orange employees and collaborators
  • Microservices architecture with Vrata for inter-service communication
  • LDAP connection for authentication
  • Complete UI integration with Angular

Sen Pil Pro Project

Role: Front End Angular Developer

Module integration for Orange Senegal fiber customer management:

  • Angular module development
  • User interface for fiber customer management
  • Integration with existing backend systems

Micro Frontend Architecture

Role: Initiator and Architect

Introduction of micro frontend architecture for Orange internal development team:

  • POC with NX for mono repo
  • Module Federation for different micro frontends
  • Web Components for reusability
  • Team presentation and training

Technologies Used

Frontend

  • React.js: Modern JavaScript framework for user interfaces
  • Next.js: React framework for server-side rendering and SEO optimization
  • Angular: Framework for complex web applications
  • Web Components: Reusable components for micro frontend architecture
  • NX: Tool for mono repo and micro frontend management
  • Module Federation: Module sharing between applications

Backend

  • Drupal: CMS and PHP framework for content management
  • Laravel: PHP framework for API development
  • Symfony: PHP framework for complex applications
  • LDAP: Authentication and user management
  • Vrata: Communication gateway for microservices
  • Activiti: Workflow engine for business process management

Technical Challenges

Decoupled Architecture

Introduction and implementation of a decoupled Drupal API + React architecture, enabling clear separation between backend and frontend.

Microservices

Development of a complex microservices architecture with inter-service communication management via Vrata and workflow via Activiti.

Micro Frontend

Innovation with the introduction of micro frontend architecture, enabling better scalability and maintainability of frontend applications.

LDAP Integration

Authentication and authorization management via LDAP for multiple projects, requiring deep understanding of enterprise systems.

Results

Development of multiple critical projects for Orange Senegal with:

  • Performant e-commerce site with decoupled architecture
  • Robust workflow management systems
  • Operational microservices architecture
  • Introduction of modern technologies (React, micro frontend)
  • Team training and support on new architectures