This is a submission for the 2026 WeCoded Challenge: Frontend Art
Show us your Art
Inspiration
For the #WeCoded 2026 challenge, I wanted to create more than just a timeline. I wanted to build a digital relay race.
My project, Pulse & Precedent, is an interactive archive that honors the pioneers of gender equity while passing the torch to the next generation of developers and advocates.
🕊️ A Note to the Community
To my fellow underrepresented developers: Our stories are data points in a larger constellation. Every PR you submit and every junior dev you mentor adds a "pulse" to this archive.
My Code
Building this was a journey in balancing interactivity with meaningful storytelling.
I used Google AI Studio as my primary architectural partner. It helped me move from a static grid to a dynamic Constellation UI, where voices like Malala Yousafzai and Radia Perlman float like stars in a galaxy of progress.
I utilized React, Tailwind CSS, and Framer Motion to create a lens interaction. When you hover over a name, the animation locks, the element glows, and their story emerges from the blur.
One of my biggest hurdles was making the Echo Chamber feel organic. AI Studio helped me refine the jittered grid logic to ensure the floating elements felt alive without overlapping.
The most rewarding part was coding the Action Cards. I realized that looking at history is only half the battle. We have to act on it. I integrated specific triggers for:
- Accessibility Audits: Because equity starts with access.
- Empathetic Code Reviews: To ensure our technical spaces remain supportive.
Top comments (0)