YassirEl Filali

Senior Frontend Developer & Founder

Outside Boxes - thinking outside the box to create cutting-edge software solutions that enhance efficiency and drive business growth. Expert in crafting seamless UI/UX for exceptional user experiences.

9+ years delivering breakthrough solutions through Angular, React, and TypeScript expertise.

+31 6 1237 6561
info@outside-boxes.nl
The Hague, Netherlands

About Me

Senior Frontend Developer thinking outside the box to create innovative solutions

Senior Frontend Developer & Founder of Outside Boxes

Why "Outside Boxes"?

Outside Boxes reflects my philosophy: thinking outside the box. I break free from conventional constraints to create breakthrough solutions others might not consider. Whether architecting systems, solving UX challenges, or optimizing performance, I push beyond traditional boundaries to deliver exceptional results.
4+ years of hands-on experience with Salesforce Commerce Cloud (SFCC), including Salesforce B2C Commerce Developer certification.

Origin Story1996

Senior Frontend Developer with 9+ years experience in Angular, React, TypeScript, and JavaScript. Based in The Hague, Netherlands, delivering stable, functional applications with a strong focus on UI/UX and user-centered design principles.

Through Outside Boxes, I offer custom software development solutions that drive business success with innovative, unconventional approaches.

Expertise in custom software, mobile apps, and web applications. Combined with creative background in digital art for enhanced UI/UX design and user-centric interfaces.

Services & Expertise:

Custom Software Development
Mobile App Development
Web Applications
Angular & React
TypeScript
UI/UX Design
Creative Direction
Profile with Outside Boxes logo
9+
Years Experience
50+
Projects Delivered
25+
Happy Clients
Lines of Code

Education

Master's in Networks and Computer Systems

Hassan 1st University

2014 - 2016 | Settat

Bachelor's in Computer Systems and Software

Ibn Zohr University

2011 - 2014 | Agadir

Yassir El Filali is a Senior Frontend Developer and UI/UX expert based in The Hague, Netherlands, with 9+ years experience in Angular, React, TypeScript, Salesforce Commerce Cloud (SFCC), and custom software development. Specialized in user experience, user interface, and innovative digital solutions.

Our Services

Outside Boxes delivers innovative software solutions. We think outside the box to create cutting-edge designs that drive business growth.

Custom Software Development

Custom software solutions tailored to your unique business needs. Reliable, scalable, secure.

  • Enterprise Solutions
  • Scalable Architecture
  • Security First
  • Performance Optimized

Mobile App Development

Reach your audience on mobile with our intuitive, feature-rich app development services.

  • iOS & Android
  • React Native
  • Ionic Framework
  • Cross-Platform

Web Application Development

Boost your business efficiency with our cutting-edge web applications that streamline your processes.

  • Angular & React
  • TypeScript
  • Responsive Design
  • Modern UI/UX

Ready to Transform Your Business?

Outside Boxes delivers custom software solutions that break conventional boundaries. We think outside the box for breakthrough results.

Get Started

Professional Journey

9+ years of building innovative solutions across diverse industries and technologies

03/2024 - PresentRemote

Senior Frontend Developer

Freterium (YC S21)

  • Designed and developed the new dispatcher hybrid mobile app based on Angular and Ionic, focusing on both performance and user experience (UI/UX)
  • Streamlined deployment processes by automating CI/CD pipelines and incorporating unit testing

Technologies used:

AngularIonicHTMLSCSSTailwindCapacitorTypeScriptGitLab CI/CDDocker
04/2023 - 04/2024Amsterdam

Full Stack SFCC Developer

BESTSELLER

  • Contributed to an e-commerce project supporting over 12 brands, enhancing project agility through Agile methodologies
  • Developed engaging features and custom Page Designer components
  • Performed code reviews to maintain code quality and ensure adherence to best practices

Technologies used:

SFCCSalesforce Commerce CloudSalesforce B2C Commerce Developer CertificationNodeJSVanillaJSReactJSJavaScriptTypeScriptMicroservicesKafkaAWSISMLHTMLCSS
05/2019 - 03/2023Casablanca

Full Stack Engineer Tech Lead

AKWA Group

  • Led feature development, technical design, and project specifications for multiple projects
  • Worked on Internet of Things (IoT) projects to integrate smart technologies for Fuel stations
  • Managed App Store and Play Store accounts and published apps
  • Administered version control for CI/CD

Technologies used:

AngularNgRxAngular MaterialReact NativeIonicCordovaCapacitorSFCCAzureFirebaseOAuthHTMLCSSNodeJSKafka
05/2020 - 05/2021Remote

CTO Full Stack Developer

WaveThePod.com

  • Designed and developed a user-centric podcasting platform which enabled podcasters to generate videos from audio snippets taken from their RSS feed
  • Developed Lambda function to generate videos in the background, improving the efficiency of video production
  • Administered version control for Continuous Integration / Continuous Deployment (CI/CD)

Technologies used:

AngularAngular MaterialNgRxRxJSNodeJSAWSLambdaAzure DevOpsHTMLCSS
03/2016 - 04/2019Marrakech

Full Stack Developer

Labs-it

  • Defined project specifications and developed multiple web and mobile hybrid projects
  • Planned ongoing projects, led feature development, technical design, and releases
  • Managed App Store and Play Store accounts and published apps
  • Administered version control for CI/CD

Technologies used:

Angular+2AngularJSIonicCordovaNodeJSMongoDBHTMLCSS

Certifications

Salesforce Certified B2C Commerce Developer

Salesforce

ID: 2625547

View Profile

My Skills

A comprehensive toolkit of modern technologies and frameworks for building exceptional digital experiences

Frontend

Angular90%
TypeScript92%
JavaScript88%
React60%
Next.js60%

Mobile

Ionic95%
Capacitor95%
Cordova90%
React Native60%
Flutter50%

Styling

Tailwind CSS90%
SCSS/SASS85%
CSS388%
Material UI82%

Backend

Node.js78%
Express.js75%
Python70%
PHP68%

Cloud & DevOps

Salesforce Commerce Cloud (SFCC)85%
Docker80%
CI/CD80%
AWS60%
Git90%

Tools

VS Code95%
Figma90%
Postman85%
Jira80%

Languages

Arabic

100%

English

85%

French

80%

Dutch

5%

Featured Projects

Innovative solutions that drive business growth and solve real-world problems

Freterium Driver Mobile App

Mobile & Logistics

In Development

Advanced logistics mobile platform for professional drivers

Role: Senior Frontend Developer

📅 2024-2025🏢 Freterium💰 $4M Seed (Partech-led)🌐 Website📰 TechCrunch Coverage
Freterium Driver Mobile App Interface

Interactive Interface Preview

Click to explore features below

Overview

Comprehensive mobile application for drivers using the Freterium logistics platform. Built with Angular 17 and Ionic 7, featuring native device integration, real-time tracking, and cross-platform deployment. Part of Freterium's $4M seed-funded logistics operating system transforming freight industry across MENA region.

Problem & Solution

Problem: Drivers needed a robust mobile solution with advanced navigation, real-time tracking, background processing, and offline capabilities for logistics operations in the $250 billion MENA freight market where 85% of operations still rely on manual, inefficient tools.

Solution: Developed a hybrid mobile app using Angular and Ionic with Capacitor runtime, implementing native device features, background geolocation, push notifications, and comprehensive driver workflow management. Platform can be installed in under a week compared to months for traditional competitors.

Key Features

  • Real-time GPS tracking and navigation
  • Background geolocation processing
  • Camera and barcode scanning integration
  • Push notifications via Firebase FCM
  • Offline storage and synchronization
  • Multi-language support with Weblate
  • Native device capabilities access
  • Comprehensive error monitoring with Sentry
  • Automated CI/CD pipeline with GitLab
  • Integration with Freterium's logistics operating system

Key Achievements

35%
Platform Growth
Month-over-month growth rate
20+
Enterprise Clients
Major customers onboarded in first year
3,000+
User Base
Active users on the platform

Technologies Used

AngularIonicTypeScriptCapacitorNgRxRxJSTailwindCSSGoogle Maps APIFirebaseSentryBackground GeolocationCamera & Barcode ScanningInternationalization (i18n)Push NotificationsOffline StorageGitLab CI/CD

Engagy.ai

Enterprise Software Architecture

In Development

Advanced micro-learning platform with enterprise-grade architecture

Role: Lead Architect & Senior Full Stack Engineer

📅 2024-2025🌐 Website
Engagy.ai Interface

Interactive Interface Preview

Click to explore features below

Overview

Architected and engineered a cross-platform learning application with sophisticated monorepo structure, offline-first design, and real-time synchronization. Implemented advanced technical features including SQLite caching, event-driven architecture, and comprehensive CI/CD pipelines.

Problem & Solution

Problem: Technical interview preparation requires a sophisticated platform that can operate cross-platform with offline capabilities while maintaining enterprise-level performance, security, and scalability standards.

Solution: Engineered a comprehensive solution using advanced architectural patterns: Nx monorepo for code sharing, Angular standalone components for tree-shaking, SQLite for offline persistence, Supabase for real-time sync, and automated CI/CD pipelines for multi-platform deployment.

Key Features

  • Sophisticated monorepo architecture with shared libraries
  • Cross-platform deployment from single codebase
  • Advanced offline persistence with conflict resolution
  • Optimized performance with lazy loading and code splitting
  • Real-time data synchronization with Supabase
  • Automated multi-platform deployment pipelines
  • Scalable infrastructure for future growth

Key Achievements

Enterprise
System Design
Architected Nx monorepo with microservices, real-time sync, and event-driven architecture
3
Cross-Platform
Led development of unified codebase for PWA, iOS, and Android using Capacitor
100%
Offline First
Implemented SQLite caching with real-time sync and conflict resolution
Automated
DevOps
Orchestrated CI/CD with Codemagic, Vercel, and GitHub Actions

Technologies Used

Nx MonorepopnpmIonic 8Angular 18Next.js 14Capacitor 7SupabasePostgreSQLVercel EdgeOpenAI/GroqOneSignalRevenueCatPostHogCypressCodemagic CI/CD

Yearly Trivia: History Quiz

Mobile & Educational Games

Published & Live

Guess the year, master time, and become a history legend!

Role: Solo Developer & Publisher

📅 2025🏢 YESOFT📱 Google Play Store
Yearly Trivia: History Quiz Interface

Interactive Interface Preview

Click to explore features below

Overview

Enterprise-grade educational mobile app built with Angular and Ionic. Features sophisticated architecture with encrypted storage, multi-language support, automated CI/CD pipeline, and cross-platform deployment to Google Play Store.

Problem & Solution

Problem: Creating a production-ready, cross-platform mobile app that delivers complex gaming logic, handles multilingual content with RTL support, and maintains enterprise-grade security and performance standards.

Solution: Architected a comprehensive solution using Angular with standalone components, Ionic for mobile UI, Capacitor for native runtime, and implemented encrypted storage, automated CI/CD with Codemagic, and Google Play Games Services integration.

Key Features

  • Angular standalone components architecture
  • Encrypted secure storage with Crypto-JS
  • Advanced audio system with Howler.js
  • Angular Signals state management
  • Automated CI/CD with Codemagic
  • Cross-platform Capacitor deployment
  • Google Play Games Services integration
  • Comprehensive testing with Jest/Jasmine
  • Enterprise-grade security validation

Key Achievements

Enterprise
System Design
Architected Nx monorepo with microservices, real-time sync, and event-driven architecture
0.5MB
Performance
Optimized bundle with code splitting, tree-shaking, and critical CSS inlining
Strict
Code Quality
Enforced TypeScript strict mode, 80-char limits, and comprehensive E2E testing
3
Cross-Platform
Led development of unified codebase for PWA, iOS, and Android using Capacitor
100%
Offline First
Implemented SQLite caching with real-time sync and conflict resolution
Automated
DevOps
Orchestrated CI/CD with Codemagic, Vercel, and GitHub Actions

Technologies Used

AngularTypeScriptIonic FrameworkCapacitorSCSSNGX-TranslateHowler.jsCrypto-JSRxJSAngular SignalsGoogle Play Games ServicesJest/Jasmine TestingESLintCodemagic CI/CD

Devance Care OSB

Web & Healthcare Tech

In Development

Healthcare platform with accessibility at its core

Role: Full Stack Developer

📅 2024🏢 Devance Care B.V.🌐 Website

Overview

Platform for Devance Care B.V. that combines frontend and backend systems for efficient healthcare service management with strong focus on accessibility.

Problem & Solution

Problem: Devance Care needed an efficient platform to manage healthcare services while maintaining their 'passion for care' mission.

Solution: Developed a custom platform with responsive tools for healthcare professionals, prioritizing accessibility features like keyboard navigation and screen reader compatibility.

Key Features

  • Custom platform with healthcare service tools
  • Client data management and tracking
  • Scalable architecture for growth
  • Accessibility-focused UI/UX
  • Keyboard navigation and screen reader support
  • High contrast modes for visibility

Key Achievements

Full Stack
Architecture
Frontend and backend integration
Modular
Approach
Component-based architecture
High Priority
Accessibility
Inclusive design for all users

Technologies Used

AngularTypeScriptNode.jsNestJSTailwind CSSGitCI/CD PipelineAccessibility APIs

Wave the Pod

Startup & Media Tech

Project Discontinued

Transforming podcasts into visual experiences

Role: CTO & Full Stack Developer

📅 2020-2021

Overview

User-centric podcasting platform enabling podcasters to automatically generate engaging videos from audio snippets extracted from their RSS feeds, revolutionizing podcast content distribution.

Problem & Solution

Problem: Podcasters struggled to create visual content for social media and video platforms, limiting their reach and engagement potential in an increasingly visual digital landscape.

Solution: Developed an automated platform that transforms audio content into videos using AWS Lambda for background processing, enabling seamless video generation from podcast RSS feeds.

Key Features

  • Automated video generation from audio
  • RSS feed integration and processing
  • Background Lambda processing
  • User-friendly podcaster dashboard
  • Continuous deployment pipeline

Key Achievements

Automated
Video Generation
Background processing with Lambda
Optimized
Platform Efficiency
Streamlined video production workflow
Full Stack
Tech Stack
End-to-end development leadership

Technologies Used

AngularAngular MaterialNgRxRxJSNode.jsAWS LambdaAzure DevOpsHTML5CSS3RSS Feed IntegrationVideo ProcessingCI/CD Pipeline

Smart City Interactive Interface

Interactive Design & Development

Successfully Delivered

Leading your smart projects with immersive 2.5D visualization

Role: Frontend Developer & Animation Specialist

📅 2016🏢 ATRAIT Consulting🌐 Website
Smart City Interactive Interface Interface

Interactive Interface Preview

Click to explore features below

Overview

2.5D dynamic interactive interface showcasing smart city services and infrastructure with engaging isometric visualization and interactive elements.

Problem & Solution

Problem: Traditional static presentations failed to effectively communicate the complexity and interconnectedness of smart city solutions to potential clients.

Solution: Created an immersive 2.5D isometric interface using Adobe Animate and HTML5 Canvas, featuring interactive elements that demonstrate smart city services dynamically.

Key Features

  • Interactive 2.5D city exploration
  • Dynamic service demonstrations
  • Responsive isometric interface
  • Engaging visual storytelling

Key Achievements

300%
Client Engagement
Increase in presentation engagement
85%
Demo Effectiveness
Improved client understanding
12+
Project Showcase
Smart city services visualized

Technologies Used

Adobe AnimateHTML5 CanvasJavaScriptCSS3 AnimationsIsometric DesignInteractive UI/UX2.5D GraphicsResponsive Design

More Projects Coming Soon

Stay tuned for more innovative solutions and case studies

Creative Showcase

Featured artworks showcasing prayer, traditional drawing, and professional design

Featured Work

My Cat - Pencil Drawing
Digital

My Cat - Pencil Drawing

Digital Art

PencilTraditional
Prayer - Pencil Drawing
Drawing

Prayer - Pencil Drawing

Traditional Art

PencilTraditional
Graduation Ceremony Poster
Design

Graduation Ceremony Poster

Illustration

IllustratorTypography

View Full Creative Portfolio

Explore my complete collection on Behance

Visit Behance
Traditional DrawingProfessional Design

Let's Work Together

Ready to bring your next project to life? I'm always excited to collaborate on innovative solutions.

Get In Touch

Ready to transform your business? Outside Boxes specializes in cutting-edge solutions that drive growth. We think outside the box to deliver breakthrough solutions. Let's create something extraordinary together.

Follow Me

Send a Message

Outside Boxes - Custom Software Development Company

© 2024 - 2025 Outside Boxes - Yassir El Filali. Built with Next.js, TypeScript & Tailwind CSS.