Anass Azeroual

Designed and developed a high-performance, cross-platform application for airport lounges using Angular 18, Capacitor, and TypeScript. Integrated RESTful APIs built with Java Spring Boot and managed data with PostgreSQL. Significantly improved application performance and developer experience by implementing modern features like new Control Flow and Deferrable Views. Collaborated with UI/UX designers to translate mockups into responsive, visually appealing interfaces. Optimized application stability and user experience by conducting API load testing with JMeter and ensuring a 95% Lighthouse score. Implemented CI/CD pipelines with GitHub Actions, reducing deployment time by 30% and enabling faster releases. Maintained a SonarCloud A-rating for code quality and security, ensuring long-term project maintainability. Managed the software development lifecycle, including bug fixes, hotfixes, and backporting changes to different release branches. Resolved CVEs (Common Vulnerabilities and Exposures) by updating NPM packages and creating custom packages as needed, enhancing application security. Technologies: Angular 18, Capacitor, Java Spring Boot, PostgreSQL, GitHub Actions, SonarCloud, TypeScript, IntelliJ IDEA, Agile Methodology Achievements: During my time at AirFrance, I successfully delivered the Lounge App project on schedule. This high-performance application achieved a 95% Lighthouse score, ensuring a seamless experience for airport visitors. I optimized front-end performance and conducted rigorous API load testing with JMeter to guarantee the app's stability, even during peak travel times. By implementing CI/CD pipelines with GitHub Actions, I reduced deployment time by 30%, which allowed for faster and more reliable releases. The codebase was consistently A-rated on SonarCloud for quality and security, ensuring its long-term maintainability. I also successfully deployed the application for both iOS and web, providing a consistent, high-quality experience for users across different devices.

Designed and developed a high-performance, user-friendly application for airport lounges and private suites using Angular, Capacitor, and TypeScript. Collaborated with backend developers to integrate RESTful APIs built with Java Spring Boot. Implemented CI/CD pipelines using GitHub Actions to automate the deployment process, ensuring faster and more reliable releases. Utilized SonarCloud for code quality analysis and ensured the project maintained high standards of maintainability and security. Worked closely with UX/UI designers to translate mockups into responsive and visually appealing interfaces. Developed and maintained batch processing components to handle backend operations efficiently. Utilized PostgreSQL as the database to store and manage application data. Used IntelliJ IDEA as the primary IDE for development, ensuring a smooth and efficient coding experience. Deployed the application for both iOS and web, ensuring cross-platform compatibility and a seamless user experience.

Project: ASIO Drone Inspection Key Responsibilities: - Designed and built a high-performance application (SPA) using Angular, Canvas, NGRX, RXJS, and TypeScript. - Migrated an existing application to Angular to improve performance and reduce maintenance costs. - Implemented techniques such as code splitting, lazy loading, standalone components, and caching strategies to improve application performance and reduce load times. - Collaborated with backend developers to ensure seamless integration with RESTful APIs. - Worked closely with designers and UX/UI specialists to translate visual mockups into stunning user interfaces. Technologies: Angular 16, RXJS, NGRX, Bootstrap, Gitflow, TypeScript, Figma, Docker, Agile Methodology

Project: Medgate Mini Clinic External Appointment Booking Key Responsibilities: - Developed a cross-platform mobile application using Angular, Ionic, and Capacitor for booking appointments at Medgate Mini Clinics. - Collaborated with designers and UX/UI specialists to translate mockups into a user-friendly interface. - Implemented functionalities for online appointment booking using APIs and ensuring seamless integration. - Improved code readability and simplified the code complexity to be more explicit and easier to understand using Angular services, events, rxjs, and Typescript. - Leveraged PhraseApp to streamline the internationalization process, allowing the application to be accessible in four languages (FR, EN, DE, IT). - Tesseract OCR was successfully implemented to process Swiss assurance cards, extracting the VEKA number and birthday with the aid of a capacitor for camera interaction. - Secured the application using Azure Active Directory B2C authentication and implemented Angular's Auth Guard to prevent direct access to unauthorized routes. - Senior web development, Hybrid Mobile Applications, - Developed a custom service to decouple environment tokens from the source code, enabling dynamic injection within the Docker pipeline. This ensures secure configuration and flexibility. The service includes robust error handling, retries, and efficient bootstrapping, guaranteeing a safe and adaptable application. - Implemented a user-friendly smart component that locks the application when idle, requiring a PIN code for reactivation. This component features a calculator-style keypad for easy input, allowing users to enter the PIN code using either the mouse or keyboard. The PIN code is masked with asterisks (*) for added security, preventing unauthorized access. Technologies: Angular 14, Ionic, Capacitor, HTML, SCSS, Figma, Tesseract OCR, PhraseApp i18n, Azure DevOps, Auth B2C, Azure Pipeline, TypeScript, Token, Tailwind CSS, JWT Token, Agile Methodology

Project: Winpharm, MobiPharm PRO, Gestach Recovery, Platform Offers, Chats Application, and Official Pharma Key Responsibilities: - Designed and developed a highly responsive and user-friendly (UX/UI focus) for the applications, ensuring a seamless experience across devices. - Led the frontend architecture design and implemented interactive features to enhance user engagement. - Managed multi-lingual support (FR, EN) using PhraseApp. - Collaborated with backend Java developers to achieve seamless API integration using Swagger. - Migrated the application to Angular 14, optimizing performance and code maintainability. - Implemented techniques and best practices to establish a developer-friendly project structure. - Implemented advanced features, prototypes, and proof of concept (POC), driving innovation. - Enhanced code quality through disciplined refactoring, strict adherence to SOLID principles, and effective Git branching strategies. - Developed a reusable real-time communication module using Socket.io (Nest.js) and Angular, enabling seamless integration into future projects. - Created a comprehensive hybrid mobile application using Ionic Capacitor and Cordova to streamline access to client pharmacies. - The app features product and laboratory categories, along with real-time pharmacist price updates. Available on both Play Store and App Store. - Developed ng-cryptostore, a custom state management library leveraging Angular's behavior subjects and browser storage for secure data encryption, real-time notifications, and type-safe subscriptions. Technologies: Angular 14, Nest.js, Ionic, Capacitor, Cordova, Socket.io, Rest API, HTML, SCSS, TypeScript, Tailwind CSS, PhraseApp, Figma, Swagger, Java, PostgreSQL, NPM Registry, Play Store, App Store

Project: Radio Station Monitoring System Key Responsibilities: - Developed a Node.js API for managing radio stations and monitoring their status. - Ensured high availability, low latency, and efficient resource utilization. - Implemented micro-frontend performance optimization techniques. - Created comprehensive documentation for system maintenance and knowledge transfer. Technologies: GitLab, JavaScript, Node.js, Docker, Git, Agile Methodology

Project: MyAuclair Key Responsibilities: - Successfully delivered a functional and user-friendly web application using Angular, Nest.js, and TypeScript. - Implemented a robust database structure using MySQL and TypeORM, ensuring efficient data management. - Deployed the application on cPanel for seamless testing and production environments. - Created a visually appealing and intuitive user interface leveraging Angular Materials and PrimeNG. - Developed efficient backend logic using Nest.js and Node.js, integrating with the database through TypeORM. - Provided comprehensive training to team members, ensuring smooth knowledge transfer and ongoing maintenance. Technologies: Angular 16, RXJS, NGRX, Bootstrap, Gitflow, TypeScript, Figma, Docker, Agile Methodology

Project: PokerApp Key Responsibilities: - Developed a full-stack video game application (PokerApp) using Angular, Nest.js, and TypeORM. - Designed and implemented a real-time game environment using Socket.io. - Created a user-friendly interface adhering to Figma design specifications. - Optimized game performance through performance testing with Apache JMeter. - Created and managed database entities using TypeORM for game state, user data, and game history. - Developed RESTful APIs for game logic, user authentication, and real-time communication. - Implemented backend logic for game rules, card distribution, and betting mechanics. Technologies: Angular 8, TypeScript, HTML, JWT Token, Nest.js, Node.js, PostgreSQL, Socket.io, TypeORM, SCSS, PrimeNG, Git, GitHub, Agile Methodology

Project: Artemis, MBI Key Responsibilities: - Created and maintained web application interfaces adhering to PSD templates, modernizing existing applications, and improving performance and functionality. - Successfully deployed web applications to production environments, ensuring efficient and reliable operation. - Refactored code and implemented best practices, including accessibility standards (WCAG) and SEO optimization, to enhance readability, maintainability, and search engine visibility. - Developed advanced components and services to prevent content theft and protect sensitive data, ensuring application security. - Incorporated performance optimization techniques to improve page load times and overall UX, as evidenced by GTmetrix test results: • Reduced page load time from 5 seconds to 2 seconds • Improved first contentful paint (FCP) from 3 seconds to 1 second. • Increased Lighthouse performance score from 70 to 90 Technologies: Angular 8, TypeScript, HTML, JWT Token, Nest.js, Node.js, PostgreSQL, Socket.io, TypeORM, SCSS, PrimeNG, Git, GitHub, Agile Methodology

Project: Educa Key Responsibilities: - Designed and developed a user-friendly and engaging interface for the [Project Name] application, leveraging Angular components, directives, and services to create reusable and maintainable code. - Conducted performance testing using GTmetrix and Lighthouse to identify and address bottlenecks, resulting in a 20% improvement in page load times and a 30% increase in Lighthouse performance score. - Ensured the application was accessible to users with disabilities by adhering to WCAG guidelines. - Created custom components and services to enhance application functionality and UX, such as a dynamic course catalog component and a personalized student dashboard. - Implemented interactive features using JavaScript and Angular's built-in capabilities, including real-time chat functionality and interactive quizzes. Technologies: Angular 6, TypeScript, HTML, Git, JWT Token, Bootstrap, WordPress API, GitHub, Agile method, SCSS, Animate.css, Agile Methodology