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
π©βπ» Code
π 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
Top comments (0)