H|H
Back To Home

Dynamic Image Memory Game

A mini game where the player has to remember pairs of images. The images are fetched dynamically using an API.

#HTML
#CSS
#JavaScript
#API
Ignote Project Screenshot

The Brief

I built this mini game using some heavy CSS (especially to style those range inputs to make them work in different browsers). A lot of DOM manipulation using JavaScript was used also to control the grid system of the game and make it responsive.

It was built using the Picsum API, which is a service that provides images to be used as placeholders mainly, but you can use them for whatever you want.

Shots

Playing:
Playing Dynamic Image Memory Game Screenshot
Win Screen:
Win Screen of Dynamic Image Memory Game