Landing page: Have fun with it.

RuddyCodes — Sat, 05 Apr 2025 23:46:41 +0000

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

👋 About the page

I decided to experiment with a more interactive approach 🙈, incorporating a game into the hero section of the page. This design choice aims to be both entertaining and functional, as I've also included useful features for engaging with the articles.

🎯 Demo

Here is a fun landing page

👩‍💻 Code

You can find the code here

📋 Features

A drag and drop match game that reveals a fun fact after you match the logo correctly. Its built using Nextjs, HTML and CSS. I defaulted to an image for mobile.
Loading articles with the tag wecoded no API key required

const articles = await fetch(
        `https://dev.to/api/articles?tag=wecoded&per_page=${pageNumber}`,
        {
          method: "GET",
        }
      );

Pagination that keeps loading 10 more articles till 100
Sorting the articles in Ascending and Descending

DEV Community: RuddyCodes

Landing page: Have fun with it.

👋 About the page

🎯 Demo

👩‍💻 Code

📋 Features