À propos de FLiiPFLiiP révolutionne la gestion des entreprises de fitness grâce à notre plateforme SaaS tout-en-un. En tant que startup en phase d'amorçage soutenue par plus de 4M$ CAD et participant à l'accélérateur Google for Startups, nous connaissons une croissance rapide, visant à quadrupler notre croissance au cours des deux prochaines années. Nous servons les gyms commerciaux, studios de yoga, centres d'arts martiaux et opérateurs de fitness multi-sites avec des solutions logicielles puissantes qui simplifient les opérations et améliorent la gestion des membres.
L'industrie du fitness a été laissée pour compte par la technologie moderne trop longtemps, piégée par des outils désuets et des flux de travail maladroits. Chez FLiiP, nous changeons la donne.
Aperçu du rôleNous recherchons un•e développeur•se UI/Front-End compétent•e pour rejoindre notre équipe afin de construire et implémenter notre système de design. Il s'agit d'un rôle fondateur où vous combinerez le travail pratique CSS/intégration avec l'implémentation de composants UI réutilisables qui moderniseront notre base de code.
Vous travaillerez main dans la main avec notre designer UI/UX pour faire le pont entre la vision design et l'implémentation technique, tout en étant à l'aise pour adapter et refactoriser le code legacy afin de répondre à nos standards de qualité.
Responsabilités principalesImplémentation du Système de Design- Construire et maintenir une bibliothèque complète de composants UI en utilisant React et Storybook, en traduisant les designs Figma en composants prêts pour la production
- Créer des composants React réutilisables qui suivent les principes du système de design et la méthodologie de design atomique
- Établir et documenter les design tokens, les directives de composants et les patterns d'utilisation
Intégration & Développement CSS- Livrer des implémentations pixel-perfect et responsive sur les plateformes web et mobile (application mobile en React native)
- Écrire du CSS propre et maintenable en suivant les meilleures pratiques modernes et méthodologies, compte tenu de nos contraintes
- Assurer la compatibilité cross-browser et la performance optimale sur différents appareils
Modernisation du code- Adapter et refactoriser le code existant HTML/CSS/jQuery/JavaScript pour respecter nos standards de qualité et critères du système de design
- Identifier les opportunités de remplacer les patterns legacy par des composants modernes et réutilisables
- Maintenir la rétrocompatibilité tout en améliorant progressivement la base de code
Développement Assisté par IA- Exploiter les outils IA pour accélérer l'implémentation et la régénération de code
- Utiliser l'IA pour générer des variations de composants, optimiser le CSS et accélérer les tâches répétitives
Collaboration Design- Travailler étroitement avec notre designer UI/UX pour adapter et implémenter les designs Figma sans briser les fonctionnalités existantes
- Fournir des retours techniques sur les designs pour assurer la faisabilité et l'implémentation optimale
- Participer aux revues de design et contribuer aux décisions du système de design
Développement & Documentation de Composants- Construire et maintenir une instance Storybook présentant tous les composants UI
- Rédiger une documentation complète sur l'utilisation des composants et les meilleures pratiques
Compétences & Expérience RequisesFondation Technique- Maîtrise des outils de design: Expérience avec Figma et traduction des designs en code pixel-perfect
- Expérience React & React native: À l'aise pour construire des composants fonctionnels, gérer l'état et comprendre le cycle de vie des composants
- Maîtrise JavaScript: Solide compréhension de JavaScript vanilla et jQuery, avec capacité à lire, comprendre et modifier le code existant
- 5+ années d'expérience professionnelle en développement front-end
- Compréhension approfondie du CSS: design responsive, flexbox, grid, animations, compatibilité cross-browser et techniques CSS modernes
Attributs Professionnels- Confort avec le code legacy: Confiant pour travailler avec et améliorer les anciennes bases de code pour atteindre les standards modernes
- Souci du détail: Capacité à implémenter les designs avec précision tout en maintenant la qualité du code
- Esprit de résolution de problèmes: Peut déboguer des problèmes CSS complexes et trouver des solutions créatives aux défis techniques
- Compétences en communication: Excellente communication écrite et verbale en français et/ou anglais
- Présenter des designs : Être en mesure de présenter vos réalisations de design devant plusieurs interlocuteurs
Atouts- Expérience avec Storybook ou outils similaires de documentation de composants
- Familiarité avec les outils de codage assistés par IA et les workflows
- Compréhension des systèmes de design et principes de design atomique (méthodologie de Brad Frost)
- Expérience de modernisation de bases de code legacy dans un environnement SaaS
- Con