Amélie Benoit

@ameliebenoit33.bsky.social

1112 Followers 552 Following

👩‍💻 Tech Lead Manager @Busbud 🇨🇦 • 📢 Meetups creator & BDX I/O president • ✍️ Sketchnoter

Selfie, je tiens le livre « legacy code, first aid kit » de Nicolas Carlo dans la main
Meme from The Office: The top panel shows two hands holding up signs that say “URGENT” and “IMPORTANT”. Caption: “Corporate needs you to find the differences between this picture and this picture.” The bottom panel shows Pam from The Office deadpan staring at the camera. Caption: “They’re the same picture.” Implication: The speaker (Pam) doesn’t distinguish between urgent and important tasks — they feel the same.
Screenshot d'un message Slack d'une personne qui dit "Pas du tout ! Je repensais à notre dernier échange sur LinkedIn, et j'ai eu ta petite voix en tête "les hommes postulent, même s'ils n'ont pas les compétences, alors que les femmes n'osent pas". Résultat, j'ai envoyé un message au gars. BOOM je suis un bonhomme maintenant"
Cercle de progression affichant 1 %, avec le texte '1 / 87 propositions examinées par vous.'
image d'un chat flou en train de miauler
Couverture du livre The Design of Everyday Things de Don Norman (édition révisée et augmentée). Fond jaune vif, avec une théière rouge au design trompeur — le bec verseur et la poignée sont inversés, illustrant un mauvais design. Le titre est en lettres noires : The Design of Everyday Things, et le nom de l’auteur est en bas à droite.
Screenshot de Twitter indiquant que Vincent m’a ajoutée à sa liste RN
Sketchnote of Yu Ling Chen’s talk about « bridging creativity: level up your game as a front end engineer » at react Paris. Decomposed into 3 levels, the first one is about « involve in the early stages » by asking the right questions: reality, consistency, assets, responsiveness, a11y… a good practice is to use real world data for mockups. Skills earned at level complete: identify overlooked cases and raise potential gaps with potential guidelines. Strengthen with PRioritize questions and help solving problems. Level 2 is about help shaping features. Scenario: Designer has 2 ideas and decides to go with #2. It's technically complex and there's only 5 min left in the meeting. A good answer could be « Let me double check, I den't think it's that easy. » as it manages expectations. Concerns need to be structured: short term (cost, constraints) and long term (scalability and maintenability). With those arguments comes an agreement. Skills unlocked at level complete; Think beyond implementation and Explain tech corcerns to nen tech. Level 3 concerns Broaden scope of influence. Both collaboration (Front end feature flags, PR previews…) and UI/UX (design system) need to be scaled. Skills unlocked at level complete: Identify opporturities and Systematise good practices. Strnght: improve, advise, advocate beyond your team. Epilog in 3 ideas: Ask the right questions, Create scalable tools and processes, think beyond implementation
Email with following text « 👋 Hello Amélie Benoit, We're going to let you in on a little secret... ✨ You have access to Jira ✨ »
Photography of an iPad with a beginning of a sketchnote for React Paris 2025
Screenshot de fin d'email avec écrit "j'espère que tu re-tenteras ta chance l'an prochain !" et le "ta chance" sous-ligné pour se faire proposer la correction "pas ta chance" par Google. La phrase devient alors "j'espère que tu re-tenteras pas ta chance l'an prochain !" ce qui est le total opposé du message initial.
Sketchnote du talk intitulé « demystifying accessibility in React Apps ». It explains that the html pages get a DOM which provide an UI and an accessibility tree. The latter is exposed to accessibles technologies such as screen readers, which is why semantic can bring context. Using HTML is the best practice but it’s sometimes not enough, so ARIA tags can help. But they should be using with caution as pages have 34% more detected errors. Then follows multiple practical use cases, staring with the icon button. When there’s a label, it’s enough to bring context, aria-hidden hides the decorative icon. When no label, use the class name « visually-hidden » to still have it without displaying it. Focus outline shall be present only for keyboard nav with focus-visible. Text input labels should attach label to the input through the id tag. Form validation can leverage aria-required and aria-invalid. Notifications should use Aria live regions semantic to be read by screen readers.
Photo de boîte à camembert avec écrit « camembert socks » dessus
I am a member of DotJS editorial board
Meme d'une femme avec ses deux pouces pointés sur elle et en légende "This girl"
Venez rejoindre une équipe à l’esprit humain et apporter votre savoir faire ! Je recherche pour mon client son nouveau Développeur React.JS : ✅ CDI 🚩 Bordeaux 💰 4 ans d’XP 35k€ -38k€ 💰 +10ans d’XP jusqu'à 45 k€ ✔️ 4 ans XP minimum e, REACT.JS (hors stage et alternance) ✔️ anglais écrit obligatoire Compétences exigées: java / J2EE Html MySQL / PostgreSQL /Oracle / SQL Server Git / SVN Agile ( Scrum) /Cycle en V API Rest CSS / Bootstrap JUnit Angular Jira, Redmine, Mantis ou équivalent Vous maitriser ces compétences ? Alors ce poste est sûrement fait pour vous !
Meme deep breathe
The confidence code
Publicité de l’enfant qui dit au poisson « tu pousses le bouchon, un peu trop loin Maurice »