Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Description

A simple matching game built to help my grandma learn the different letters of the Engligh alphabet and their corresponding sounds. Built using React.js with TypeScript.

Motivation

I could not find any games teaching the alphabet aimed at adults trying to learn English as a second language. Most language learning games assume pre-requisite knowledge of the alphabet and games that do teach the alphabet are primarily aimed at kids.

Demo

Demo

TODO:

Fixes:

  • Do not remove cards from the DOM, instead disable so that remaining cards do not slide
    • Use Enum to describe card state
  • Fix the stupid offset caused by flip animation
  • Recreate L sound, because it is weird
  • Fix bug where quick flipping causes no audio on the second flip
  • Fix bug where if the letter is in the same place it doesn't re-render (Firefox only...)
  • Refactor so I'm not using so many different CSS methods
  • Fix screen-size issue with cards

Features:

  • Add sound effects for successfully matching and failing to match
  • Add multiple rounds
  • Randomize the cards
  • Add fade-out animation for succesful match (Use pose?)
  • Use a warmer color pallete to reduce eye strain
  • Add menu for levels settings
  • Add button to reduce audio playback speed
  • Add score indicator

Attributions

Icons

  • (Slow Snail Audio Playback) slow by Davide Dosse Dossena from the Noun Project
  • (Letter sounds) AllAboutLearning

About

Memory matching game built to help adults learn English letters and their associated sounds. Made with love for my grandmother!

Topics

Resources

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •