An interactive and retro-futuristic landing page to celebrate the evolution from SheCoded to WeCoded, and to highlight diversity, inclusion, and empowerment in the tech industry.
This project combines a nostalgic visual style with modern tech, blending the past, present, and future of technology. Pixel aesthetics inspired by the official WeCoded logo, vibrant color schemes, and subtle visual effects create a unique celebration of representation and innovation.
🔗 Built as part of the WeCoded Challenge by DEV Community. 📃 My submission post on dev.to
nova_gravacao_-_07_04_2025._02_42_07.720p.mp4
- 🔹 About We – Introducing the WeCoded initiative and its journey from SheCoded
- 📝 Community Stories – Featuring real posts from the dev.to community using
#wecoded - 🧠 Inspiring History – Honoring figures like Ada Lovelace, Grace Hopper, and the women from Hidden Figures
- 🫂 Organizations That Empower – Highlighting groups that support diversity in tech
- React + Next.js – Modern, flexible frontend with file-based routing
- TailwindCSS – Utility-first styling for rapid development
- ReactBits – Pre-built animation library for smooth transitions
- dev.to API – Dynamically fetching stories tagged with
#wecoded
-
Fonts
Fira Code– For that coding vibePress Start 2P– Pixel-perfect retro feel
-
Colors
- 🔵 Blue:
#4531EA - 🟢 Green:
#CCEA71 - 🟣 Purple:
#9D00E5
- 🔵 Blue: