Skip to main content

← Back to Software

Live

Custom memory game PWA

YouImageFlip

Live installable memory-card PWA with custom images, themes, difficulty modes, animations, and offline-friendly play.

Creative ConceptsPublic catalog entry

YouImageFlip preview
YouImageFlip · live memory game

What it is

YouImageFlip is a live custom memory-card game built as an offline-friendly web/PWA project. Players can flip personalized image cards, choose difficulty, use a peek power-up, track moves and time, switch visual themes, manage images and story decks, and install the app on mobile. It is also a personal proof piece built around inclusive play, family awareness, and polished front-end game design. Built with a personal family mission around awareness, resilience, and inclusive play.

Key capabilities

01 Product

  • Custom image memory-card gameplay
  • Easy, Normal, and Hard difficulty modes
  • Peek power-up, moves counter, and timer
  • Theme system with Midnight, Sunset, Minimal, and awareness modes
  • Image manager, story decks, card design, and game setup controls
  • Accessibility-minded keyboard, contrast, and reduced-motion considerations
  • Live GitHub Pages demo
  • Shipped interactive web game
  • Framer Motion animation and micro-interactions
  • Custom settings and theme system
  • Accessibility-minded front-end UX
  • Personal mission translated into product design

02 Workflow

  • Offline-friendly PWA install support
  • Animated card flips and polished interaction feedback
  • React and TypeScript game-state architecture
  • PWA and offline-first implementation
  • IndexedDB and local persistence workflow

03 Platform

  • Local image persistence with IndexedDB

Build / stack

Technology

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • Framer Motion
  • IndexedDB
  • Vitest

System

  • PWA
  • Game logic
  • Accessibility
  • GitHub Pages

Status

Live

Live PWA focused on custom image gameplay, local persistence, themes, accessibility-minded UX, mobile install support, and animated card interactions.

Next step