🔦 Spotlight on Devs — My Submission for the DEV.to Challenge!

#devchallenge #wecoded #dei #webdev

This is a submission for the WeCoded Challenge: Celebrate in Code

Hey everyone! 👋
This is my submission for the DEV.to WeCoded Challenge!

🔗 Live Project: Deploy
📦 Source Code: GitHub Repository

🌟 The Idea: Put Someone in the Spotlight

We all write, build, and share — but sometimes we miss great voices in the crowd.

So, I wanted my project to bring random creators into the spotlight.

✨ Spotlight Stories

It's a feature that highlights one random story from the #wecoded tag every time you visit the page. It’s like a mini-stage for someone in the community. You can then read their full post, follow them, and maybe even leave a comment to brighten their day.

🔁 Every click = a new story = a new person in focus.

🪄 Features

Spotlight Story – puts a random article in focus every visit
Wall of Stories – grid of stories from the #wecoded tag
Share Button – easily copy/share a story's link
Clickable Tags – explore similar stories by topic
Author Info – links to the author's profile
Fun 404 Page – with random gifs, quotes, or ASCII art (try it 😉)
Slick design – styled with Tailwind, smooth UX, lightweight
Lazy loading images – for performance boost

🛠️ Built With

React + TypeScript – fast, typed, and modular
TailwindCSS – utility-first styling for a clean and responsive UI
Phosphor Icons – beautifully simple icons for UI interactions
DEV.to API – stories pulled from real community posts via the API

💡 Final Thoughts

I loved building this, especially the idea that someone out there might get their story seen because of a little random spotlight. That's the spirit of DEV!

Would love to hear your thoughts — and if you try it and discover a great post, let me know! 💬

Thanks DEV team for putting this challenge together. Let’s keep coding, keep writing, and keep lifting each other up 🚀