Project Portfolio

Kids Learning Playground

Status: Live

The repository provides a deployed frontend; gameplay and saved scores require Google sign-in and the backend service.

Tech: React 19 TypeScript Vite Tailwind CSS Framer Motion Go / Gin PostgreSQL

The frontend is deployed on Cloudflare Pages, with the Go API on Render and PostgreSQL on Neon. GitHub Actions builds and tests the project.

Links: Live Demo GitHub

Overview

Kids Learning Playground is a browser-based learning platform originally built for a fourth-grade student. It brings 10 mini-games together with Google sign-in, saved game scores, and a progress dashboard.

Game Modules

  • Math: Speed Math Challenge offers timed multiplication and division; Geometry Quest combines geometry levels with a shape solver.
  • English: Word Builder, Sentence Scramble, Shiritori, and Adverb Charades practice spelling, sentence order, word chains, and adverbs.
  • Science & Logic: Science Quiz covers AI, robotics, binary, and hardware; Logic Puzzles and Twenty Questions exercise reasoning.
  • Puzzles: Puzzle Time offers draggable jigsaw pieces with magnetic snapping and an administrator-managed image gallery.

Platform Features

  • Progress Dashboard: Tracks game sessions, stars, average scores, and personal bests for each game.
  • Google Sign-In & Roles: Google OAuth login with parent and child roles; signed-in users can access games and their dashboard.
  • Gallery Management: An administrator can upload and manage puzzle images.
  • Interactive Feedback: Framer Motion animations, sound effects, and a shared numeric keypad support the game experience.