Über Anis
Avec une carrière professionnelle de plus de 10 ans dans le domaine du développement Front-end, je suis spécialisé dans la création dynamique d'interfaces utilisateurs en utilisant React et nextJS. Mon expertise s'étend également à l'intégration de Design Tokens et à l'application rigoureuse des principes d'Atomic Design, tout en assurant une accessibilité web conforme aux normes RAAG. Passionné par les nouvelles technologies, je m'efforce d'apporter des innovations significatives à chaque projet que j'entreprends.
Mon parcours démontre une recherche incessante de l’excellence technique et un fort désir de contribuer à des initiatives avant-gardistes, faisant de moi un candidat idéal pour des opportunités de carrière stimulantes et innovantes.
Französisch
Muttersprachlich oder zweisprachig
Englisch
Verhandlungssicher
Vor Ort möglich
Paris (bis zu 50 km)
Projekt- und Berufserfahrung
- LayerCakeDév fullstack : Typescript | React/Next.js | MongoDB | TailwindSeptember 2024 - Januar 2025 (4 Monate)Cergy-Pontoise, FrankreichContexte :Le projet consiste à créer un site de vente en ligne de gâteaux layer cake, accompagné d'une section de présentation de l'activité et d'un blog pour partager des recettes. Les technologies utilisées pour le développement de cette plateforme incluent MongoDB pour la base de données, Next.js et React pour le front-end, ainsi que Tailwind CSS pour le design et la mise en page.Actions
- Conception et développement d'une plateforme e-commerce pour la vente de gâteaux layer cake, intégrant une section de présentation et un blog pour le partage de recettes.
- Création d'une interface utilisateur interactive et performante en utilisant Next.js et React, intégrant des fonctionnalités avancées de navigation et de rendu.
- Gestion simplifiée et optimisée des données avec Prisma, un ORM de nouvelle génération, pour interagir efficacement avec la base de données MongoDB, y compris la gestion des migrations et la génération de schémas.
- Mise en œuvre d'un système d'authentification sécurisé et flexible en utilisant Lucia, un projet open source, pour intégrer une authentification robuste avec JavaScript et TypeScript.
- Application de styles modernes et responsives à l'aide de Tailwind CSS, assurant une expérience utilisateur attrayante et adaptée à tous les appareils.
- Optimisation des performances et du référencement naturel (SEO) grâce à l'utilisation des fonctionnalités avancées de Next.js, telles que le server-side rendering (SSR) et le static site generation (SSG).
- Développement d'une architecture évolutive et sécurisée pour la gestion des produits, recettes, et articles de blog, avec des API connectées à MongoDB et sécurisées via ** Lucia**.
- Déploiement et intégration continue avec Vercel, permettant des mises à jour rapides, un suivi des modifications en temps réel et un hébergement optimisé pour Next.js.
Environnement techniqueTypescript | React/Next.js, MongoDB, Prisma, Lucia, Tailwind, Vercel - Le MondeDév Front-End : JS, VOLT, SASS, A11Y RGAAJanuar 2024 - August 2024 (8 Monate)Paris, FrankreichContexteDurant cette expérience, j'ai principalement travaillé sur deux projets majeurs : les pages Euro 2024 et les pages législatives ainsi que des tâches d'amélioration de l'accessibilité web du site lemode.frActions
- Euro 2024 : Mon travail consistait à créer et à mettre en place les différentes pages dédiées à cet événement, telles que la page du calendrier des matchs et la page des résultats. Vous pouvez consulter un exemple ici : https://www.lemonde.fr/sport/euro-2024/calendrier/
- Euro 2024 : J'ai mis en place un affichage spécial sur la page "résultats" pour les phases finales, sous la forme d'un arbre dynamique, an de faciliter la lecture des résultats. Vous pouvez consulter un exemple ici : https://www.lemonde.fr/sport/euro-2024/resultats/
- Euro 2024 : J'ai mis en place divers widgets pour afficher les classements des équipes dans chaque groupe et les matchs du jour avec les résultats en temps réel. Ces widgets sont intégrés dans les pages d'articles et les pages live.
- Législative 2024 : J'ai travaillé sur différentes pages de la rubrique législative, telles que la page home legi, ainsi que les pages de résultats pour les communes, les départements et les régions. Vous pouvez consulter un exemple ici : https://www.lemonde.fr/resultats-elections/
- Législative 2024 : J'ai ajouté différents widgets nécessaires au traitement et à l'affichage des résultats des élections, tels que :
- Un widget pour afficher les résultats du premier et du deuxième tour par parti.
- Un widget pour représenter l'hémicycle rempli selon les résultats du deuxième tour.
- Un widget pour afficher la fourchette des sièges attribués à chaque parti après le deuxième tour.
Environnement techniquePHP/Phalcon, Volt comme langage de templating, Vanilla JS (ES6), SASS pour la gestion des styles. - LE FIGARODév Front-End : JS, stimulus, TWIG, SASS, A11YRGAAOktober 2021 - Dezember 2023 (2 Jahre und 3 Monate)Paris, FrankreichContexteJ'ai travaillé sur plusieurs projets :
- Page abonnement : https://abonnement.legaro.fr/legaro
- Page Promo : https://abonnement.legaro.fr/legaro-promo-swg-premium-mensuel
- Pages de connexion : https://connect.legaro.fr/login
- Refonte Espace BO : Déjà en Prod en interne
- Refonte page prise d'Abonnement (checkout) : Accessible en Preprod
- Refonte espace perso : Accessible en Preprod
Actions- Mise à jour régulière de la page abonnement Le Figaro : intégration des nouvelles maquettes, mise en place des tarifs actualisés et ajout de contenus, garantissant une expérience utilisateur optimale et alignée sur l'évolution de l'offre.
- Développement complet de la page checkout (from-scratch) et d’une partie de l’espace personnel, migrées d’un prestataire externe (GLI) vers un projet PHP/Symfony. Configuration frontend (Webpack, Yarn) et utilisation de Stimulus JS. Intégration des maquettes Figma (Twig/SASS) et dynamisation en JS, avec une collaboration fluide entre PO, Dev Front, Dev Back & Designer.
- Collaboration étroite avec l'équipe design, de la réception des maquettes Figma à leur intégration (Twig/SASS). Participation au perfectionnement du design par des retours directs, garantissant une transition fluide vers l’implémentation.
- La mise en place des pages promotions pour promouvoir les baisses de tarif des abonnements premium chaque mois.
- La refonte de l’espace BO en se basant sur un style guide.
- Refonte des pages connexion (login, register, forgot password).
- Améliorer l’accessibilité des nouveaux pages développées : code sémantique, texte alternative, rôle, navigation clavier.
- Améliorer la performance des pages développées (optimisation images (PNG, SVG), lazy loading, minifiction fichier…)
- Méthodologie Agile
Environnement techniquePHP Symfony / Twig / SASS / Vanilla JS (ES6) / Stimilus JS / React JS / yarn / Webpack / Docker / JIRA / Confiluence / Figma
Empfehlungen
Sei die erste Person, die Anis empfiehlt
Teile Deine Erfahrung aus der Zusammenarbeit mit diesem Freelancer.
Diese Freelancer passen auch zu Ihren Kriterien
Agatha Frydrych
Backend Java Software Engineer
4.7
(3)
2
Baptiste Duhen
Fullstack developer
4.6
(4)
5
Amed Hamou
Senior Lead Developer
4
(2)
7
Audrey Champion
Web developer
4.3
(3)
4
Ausbildung und Abschlüsse
- Master 2 Info/Com, Spécialité Ingénierie des MédiasIngémédia (Univ de Toulon)2011Master 2 Info/Com, Spécialité Ingénierie des Médias
- Master of Mass CommunicationIngémédia (Univ de Toulon)2010Master 1 - Information et Communication -