Ilyes Abd-Lillah, software & design engineer.

Je conçois et construis des logiciels, avec autant de soin pour l’interface que pour le code qui la fait tourner.

Lead Frontend Engineer chez FoodPilot · près de dix ans d’expérience

M’écrire Voir les projets

Ilyes Abd-Lillah, en chemise, sur un toit à Toulouse.

Conçus, construits, publiés.

Trois produits personnels, menés de l’idée à la mise en ligne : sur Mac, sur iPhone et sur le web.

Projets.

Pour chacun, le design, le code et la mise en ligne sont de moi.

Cadran

Une horloge de bureau pour macOS, dessinée sur le fond d’écran.

5 672téléchargements

Cadran dessine des cadrans vivants sur la couche du fond d’écran, derrière les icônes, sur chaque Space et chaque écran. J’ai dessiné les cadrans et construit l’app SwiftUI native, son rendu Core Animation économe en énergie, l’économiseur d’écran et le site produit.

Rôle: Fondateur · design et ingénierie
Plateforme: macOS 14 ou plus · Apple silicon et Intel
Technologies: Swift · SwiftUI · Core Animation · Next.js
Modèle: Gratuit, avec un Pro en achat unique

Mis en avant sur Product Hunt · Cité dans Awesome Mac · Disponible sur Homebrew

cadranapp.com Product Hunt Awesome Mac

Cadran sur un MacBook Pro : une horloge à palettes sur le fond d’écran, avec le morceau en cours de lecture.

Cadran sur un MacBook Air : un cadran avec la météo en direct au-dessus d’un paysage de lac. — **Météo et calendrier** · des complications en direct, sans widget.

La galerie de Cadran sur un MacBook Air : tous les cadrans en aperçu. — **La galerie** · tous les cadrans, en aperçu vivant.

L’éditeur de Cadran : couleurs, police et réglages du cadran. — **L’éditeur**
Chaque cadran se règle sur place, sur le bureau.

Les réglages d’un cadran différent pour chaque écran. — **Un cadran par écran**
Chaque écran garde son propre cadran.

Le choix des couleurs d’un cadran. — **Couleurs par cadran**
Une palette pour chaque cadran.

Une horloge déplacée sur le bureau. — **Déplacer**
L’horloge se place où l’on veut.

Une horloge redimensionnée sur le bureau. — **Redimensionner**
Plus grand, plus petit ou caché.

Les réglages de l’économiseur d’écran de Cadran. — **Économiseur d’écran**
Le même cadran quand le Mac se repose.

Les cadrans · chacun dessiné pour le fond d’écran du Mac.

Le cadran Pura de Cadran sur un Mac — Pura

Le cadran Orbit de Cadran sur un Mac — Orbit

Le cadran Prose de Cadran sur un Mac — Prose

Le cadran Clima de Cadran sur un Mac — Clima

Le cadran Departure de Cadran sur un Mac — Departure

Le cadran Spectrum de Cadran sur un Mac — Spectrum

Le cadran Sablier de Cadran sur un Mac — Sablier

Le cadran Cipher de Cadran sur un Mac — Cipher

Le cadran Adage de Cadran sur un Mac — Adage

Le cadran Syntax de Cadran sur un Mac — Syntax

Le cadran Platform de Cadran sur un Mac — Platform

Le cadran Phase de Cadran sur un Mac — Phase

Le cadran Titan de Cadran sur un Mac — Titan

Le cadran Foundry de Cadran sur un Mac — Foundry

Le cadran Quartz de Cadran sur un Mac — Quartz

Le cadran Dessau de Cadran sur un Mac — Dessau

Le cadran Metric de Cadran sur un Mac — Metric

Le cadran Horizon de Cadran sur un Mac — Horizon

Le cadran Halftone de Cadran sur un Mac — Halftone

Le cadran Arcade de Cadran sur un Mac — Arcade

Lift

Un programme de musculation fondé sur la recherche, pour iPhone et iPad, gratuit sur l’App Store.

Lift construit un plan d’entraînement complet à rebours depuis une date objectif, puis guide chaque séance série par série : il chronomètre les repos et ajuste les charges d’après ce qu’on soulève vraiment.

Ses règles s’appuient sur la recherche en sciences du sport. Il fonctionne hors ligne, en français et en anglais, sans compte : tout reste sur le téléphone. Sur iOS, la séance et le minuteur de repos restent sur l’écran verrouillé et dans la Dynamic Island.

Rôle: Design et ingénierie
Plateforme: iPhone et iPad (iOS 16.2 ou plus) · web app installable (PWA)
Technologies: React 19 · TypeScript · Vite · Capacitor · Swift · Workbox
Code: Open source sur GitHub

Sur l’App Store depuis le 14 octobre 2026 · Gratuit, sans pub ni achat intégré

App Store Ouvrir la web app Code source

L’écran d’accueil de Lift. — **Accueil**
Le plan part d’une date objectif.

L’écran Aujourd’hui : séances restantes, phases du plan et prochaine séance. — **Aujourd’hui**
L’avancement et la prochaine séance.

Une séance guidée : prescription, séries et minuteur. — **En séance**
Séries, charges et minuteur de repos.

Le calendrier : blocs, rotation des séances et phases. — **Calendrier**
Tout le plan, semaine par semaine.

L’écran Progrès : force estimée par exercice. — **Progrès**
Force, poids et volume dans le temps.

Crypto LED Board

Un tableau de bord crypto en direct, sur une matrice LED en pixel art.

On choisit une plateforme et une paire, puis on suit le prix, les graphiques, le carnet d’ordres et la profondeur de marché en temps réel. Tout est dessiné sur une matrice LED responsive, avec une typographie bitmap sur mesure et des effets CRT, alimentés en direct par WebSocket.

Rôle: Design et ingénierie
Plateforme: Web · ordinateur et mobile
Technologies: React · TypeScript · Vite · WebSockets · Canvas 2D / WebGL
Données: Flux de marché en direct

Ouvrir Crypto LED Board

Crypto LED Board sur un Studio Display : Bitcoin contre USDT, prix, graphique sur un jour, carnet d’ordres et profondeur.

La même matrice LED, du Studio Display au téléphone.

Autres projets

Open source Crypto Sensor Un tableau de bord d’analyse du marché crypto, construit en une journée avec Next.js et TypeScript.
2024 PeekFi Un suivi des cryptomonnaies en temps réel, avec tendances et recherche, en React.
2018 Liberty Rider × MACIF Le site vitrine du partenariat entre Liberty Rider et la MACIF, et de ses avantages pour les assurés.
2014 → 2017 Envio Une solution domotique intelligente, conçue en équipe pendant Epitech.

9+ans d’expérience

3postes de lead frontend depuis 2020

5recommandations sur LinkedIn

3langues : français, anglais, arabe

Ce qu’ils en disent.

Extraits de recommandations reçues sur LinkedIn.

“He is an incredibly dedicated and passionate professional who brings a high level of craftsmanship to what he builds. Ilyes has a great eye for detail, delivering pixel-perfect frontends that demonstrate his commitment to quality and UX.”

Un collègue de l’équipe FoodPilotPositive Solutions

“C'est un professionnel que je recommande vivement. Il est impliqué, il est passionné et grâce à lui j'ai appris énormément.”

Mehdi T.Deux ans ensemble chez Skilleos

Lire les cinq sur LinkedIn

À propos.

Je travaille là où le design et l’ingénierie se rejoignent. Depuis près de dix ans, j’aide des équipes à livrer des interfaces produit, à mettre en place des design systems et à soigner chaque détail d’interaction, jusqu’à ce que le logiciel paraisse évident.

Aujourd’hui, je dirige le frontend de FoodPilot chez Positive Solutions et je construis mes propres produits à côté. Je suis aussi à l’aise pour affiner l’API d’un composant que la courbe d’une transition.

Ce qui compte pour moi

Des interfaces à la hiérarchie claire, où chaque animation a une raison d’être
Des design systems qui font gagner du temps sans rien lâcher sur la qualité
L’accessibilité, la performance et une architecture solide
Des expériences macOS natives en Swift et SwiftUI

Langues

Françaislangue maternelle
Anglaiscourant
Arabeprofessionnel

Interfaces produit

React
Next.js
Vue.js
TypeScript
Tailwind CSS

Natif et design

Swift
SwiftUI
Core Animation
Figma

Outils

Node.js
Vite
GSAP
Git
Docker

Parcours.

D’abord en équipe produit, puis lead frontend, avec mes propres apps en parallèle.

2026 Fondateur Cadran
2023 → aujourd’hui Lead Frontend Engineer FoodPilot · Positive Solutions
2021 → 2023 Technical Lead Frontend Skilleos
2020 → 2021 Technical Lead Frontend Guidap
2019 → 2020 Développeur frontend Continental
2019 → 2020 Consultant frontend WE+
2016 → 2019 Développeur frontend Maestro Corporation
2012 → 2017 Expert en Technologies de l’Information EPITECH