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 🚀