Landing page: Have fun with it.

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