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

✨ My WeCoded Landing Page

I designed and built a dynamic landing page for the WeCoded Challenge that highlights past WeCoded and SheCoded stories while capturing the celebratory and empowering spirit of the campaign. My goal was to create a space that not only shares stories but invites new developers to feel part of something bigger.

---

This project helped me blend creativity with real API data, turning static layouts into a lively and inclusive experience.

---

🚀 Demo

🔗 Live Site: Link
💻 GitHub Repo: Link
📸 Screenshots:

---

🛠️ How I Built It

The landing page was crafted using:

• HTML, CSS & JavaScript for the layout and styling

• DEV.to Articles API to fetch real WeCoded and SheCoded stories

• Responsive Design so the experience feels great on mobile and desktop

• Dark/Light Mode Toggle to match user preference

• Horizontal scrolling "Spotlights" section to showcase featured stories in a clean, interactive way

Process:

I started with wireframes and gradually moved to a high-fidelity mockup in Figma. Then I implemented it section by section, with focus on accessibility and responsiveness. The Spotlights section was especially fun—it uses a scroll snapping technique to elegantly slide between stories.

One thing I’m proud of is how the page feels like a living, growing celebration of developers from around the world. It’s minimal, but powerful.

🎨 Mobile Design Image

✨ Final Thoughts

While I’m proud of the progress I made with this project, I acknowledge that not everything is perfect. There were challenges along the way, such as refining certain elements and balancing responsiveness with functionality. However, I learned a lot throughout this process and continue to grow as a developer.

I’d love to hear your insights and comments on how I can improve further. Any feedback is much appreciated!