A collection of browser-based JavaScript games built as a learning exercise.
A card-matching game where you flip cards to find pairs of matching tech logos (Python, React, C++, GitHub, Vim, Arch Linux). Cards are shuffled each round. Match all 6 pairs to win. Includes keyboard navigation and screen reader support.
No build tools required. Open index.html in a browser, or use a local server:
npx serve .index.html - Landing page with links to games
style.css - Landing page styles
memoryGame/
memoryGame.html - Memory game page
style.css - Memory game styles
app.js - Memory game logic
- HTML, CSS, JavaScript (vanilla, no frameworks)
- Hosted on GitHub Pages
- Cards are focusable buttons with descriptive
aria-labelattributes - Matched cards are disabled via the
disabledattribute - Score updates use
aria-live="polite"withrole="status"for screen reader announcements - Card flips and match results are announced via an
aria-live="assertive"region - Focus-visible outlines on all interactive elements
- Responsive grid layout for smaller screens