This is a submission for the 2026 WeCoded Challenge: Frontend Art
👨🦰👩🦳 Frontend Art Submission — Gender Beyond Boundaries
I built an interactive 3D experience using Next.js and Three.js that visually represents gender equality across professions.
The project features two avatars — a male on the left and a female on the right — dynamically showcasing 10 different professions. Alongside the visuals, contextual metadata appears, including real-world role models for each gender, reinforcing that capability and excellence are not defined by gender.
👉 Live Preview
👉 Github
💡 Inspiration
This project is a tribute to gender equality — a statement that professions, skills, and ambitions belong to everyone.
Growing up, many of us are subtly (or explicitly) told what we can or cannot become based on gender. I wanted to challenge that narrative using immersive web technology.
Each profession highlights real individuals who broke barriers, showing that talent, courage, and intelligence are universal traits. The dual-avatar system visually reinforces a simple but powerful idea:
There is no “male job” or “female job” — only human potential.
🧠 Featured Professions & Role Models
📰 Journalist
A fearless seeker of truth shaping public narratives.
- Male: James Baldwin
- Female: Nellie Bly
🌾 Farmer
The backbone of global food security and sustainability.
- Male: George Washington Carver
- Female: Karen Washington
🚒 Firefighter
A symbol of courage and selfless service.
- Male: Patrick Hardison
- Female: Molly Williams
💻 Software Engineer
Architects of the digital world.
- Male: Alan Turing
- Female: Ada Lovelace
🔧 Mechanic
Masters of machines and precision engineering.
- Male: Henry Ford
- Female: Patrice Banks
🏥 Nurse
The heartbeat of healthcare systems.
- Male: James Derham
- Female: Florence Nightingale
✈️ Pilot
Leaders navigating the skies.
- Male: Charles Lindbergh
- Female: Amelia Earhart
👮 Police Officer
Guardians of justice and public safety.
- Male: August Vollmer
- Female: Alice Stebbins Wells
🛍️ Retail Salesperson
Drivers of commerce and community connection.
- Male: Marshall Field
- Female: Madam C.J. Walker
🩺 Doctor
Leaders in healing and medical innovation.
- Male: Jonas Salk
- Female: Elizabeth Blackwell
💻 My Code
Built with:
- Next.js for structure and performance
- Three.js for immersive 3D rendering
- Custom logic for dynamic avatar switching and metadata display
✨ Final Thought
This project isn’t just about visuals — it’s about perspective.
By placing male and female avatars side by side in every profession, I wanted users to feel equality, not just read about it. Technology has the power to shape narratives, and this is my small contribution toward a more inclusive one.
🚀 Performance & Optimization Note
As of this submission, I am actively working on further optimizing the asset delivery. Since high-quality Avatar GLB files can be heavy, they currently take a moment to fully render depending on the connection.
Thanks for reading! 🙌
Until next time, 🫡
Usman Awan (your friendly dev 🚀)
Top comments (0)