You Belong Here.
That’s the heart of WeCoded — a celebration of underrepresented voices in tech.
I’m proud to share my submission for the WeCoded Challenge: Celebrate in Code, designed to create a permanent digital home for these powerful stories.
🔗 Live Site: VoicesInTech.com
💻 Code Repo: GitHub – Voices In Tech

🎯 About the Project

Voices in Tech is a dynamic and inclusive landing page that highlights WeCoded and SheCoded submissions from the DEV community. It pulls real-time content using the DEV.to API and celebrates the voices of developers who are often underrepresented in the tech industry.

Built using modern frontend tools (React + TypeScript), this site is fully responsive, accessible, and aligned with the WeCoded brand identity.

🔍 Features

🟣 Hero Section

  • WeCoded branding front and center
  • Dynamic typing effect to animate powerful phrases

🔁 Dynamic Feed

  • DEV Articles API integration to load real-time stories
  • Modern card layout for clarity and inspiration 
window.fetch('https://dev.to/api/articles?tag=wecoded')
  .then(res => res.json())
  .then(data => console.log(data));

🌟 Featured Stories

  • Special layout for standout submissions
  • Smooth animations on scroll

📚 About & Resources

  • Context on WeCoded and International Women’s Day
  • Resources to get involved or submit your own story

📬 Newsletter Section

  • Clean, simple form design to encourage engagement

🎨 Styling & Design

The design follows the official WeCoded brand guidelines:

🎨 Color Palette:

  • Blue: #4531EA
  • Green: #CCEA71
  • Purple: #9D00E5

✨ Design Touches:

  • Gradient backgrounds
  • Clean typography
  • Subtle animations
  • Fully responsive layout

🏗 Project Structure 

pgsql
Copy
Edit
voices-in-tech/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── styles/
│   ├── App.tsx
│   └── index.tsx

💌 Why I Built This

Representation matters. As someone deeply passionate about inclusive design, I wanted to use this project as a way to spotlight stories that move, motivate, and mirror real experiences in tech.

This isn’t just a static landing page — it’s a living, breathing space powered by your voices. 💜

🙌 Want to Contribute?

This project is open source!
If you’d like to help improve or expand it:

git clone https://github.com/preethi4848/Voices-In-Tech.git
git checkout -b feature/your-feature
npm install

Then submit a pull request — I’d love to collaborate!

🧡 Thanks for Reading!

Thanks for checking out my submission. If it resonates with you, feel free to share, contribute, or leave feedback. Let’s keep building a tech world that reflects the beautiful diversity of the people in it.
You belong here.

- By Preethi G