https://github.com/fran-dv/memory-card

A memory game to practice react fundamental concepts
https://github.com/fran-dv/memory-card

css-modules react typescript

Last synced: about 1 month ago
JSON representation

A memory game to practice react fundamental concepts

• Host: GitHub
• URL: https://github.com/fran-dv/memory-card
• Owner: fran-dv
• Created: 2025-06-09T10:54:53.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-09T18:43:52.000Z (about 1 year ago)
• Last Synced: 2025-06-09T19:41:59.973Z (about 1 year ago)
• Topics: css-modules, react, typescript
• Language: TypeScript
• Homepage: https://memory-cards-game-fran-dv.netlify.app/
• Size: 1.05 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Memory card

A memory game built in React. This project is part of the React section of [The Odin Project curriculum](https://www.theodinproject.com). I’ve added my own touch by using TypeScript instead of JavaScript.  

See the [original assignment](https://www.theodinproject.com/lessons/node-path-react-new-memory-card).

Visit the [live demo](https://memory-cards-game-fran-dv.netlify.app/)

![alt text](preview.png)

## About

This project is an assignment from The Odin Project’s React section in the full-stack curriculum. It’s a memory game with cards featuring characters (in my case, ancient thinkers): you score a point by selecting a thinker, but you lose your score if you select the same thinker twice.

The data for the thinkers (image and name) is provided by an API, as required by the assignment. In this case, I’ve used the [MediaWiki API](https://www.mediawiki.org/wiki/API:Main_page). The purpose of this requirement is to practice using the `useEffect` hook.

## Technologies 

- React

- Typescript

- CSS modules

- Vite

- ESLint & Prettier

- Bun (package manager)