Back to Projects
BUILDINGWeb Application / Game

Tap Mun'n

Next.jsReactPrismaPostgreSQLTailwind CSS

Project Overview

Tap Mun'n is an interactive web-based game application that combines engaging gameplay with user account management and leaderboard functionality. Currently in active development using the Next.js App Router.

Problem

Creating a lightweight, browser-based game experience that tracks user progress, maintains scores, and scales without native app distribution.

Solution

Building a Next.js application with React for interactive UI, Prisma ORM connected to PostgreSQL for persistent user data and scores, and Tailwind CSS for a polished interface.

Features

  • Interactive tap-based gameplay
  • User registration and profile management
  • Score tracking and leaderboard
  • Responsive design for mobile and desktop
  • Session persistence and game state management

Technology

  • Next.js 14+
  • React
  • TypeScript
  • Prisma
  • PostgreSQL
  • Tailwind CSS

Architecture

Full-stack Next.js with App Router, API routes for game logic and user operations, Prisma as the data layer, and PostgreSQL for relational storage of users, sessions, and scores.

Challenges

  • Optimizing game loop performance within React's rendering model
  • Designing a schema that supports both anonymous and registered play sessions
  • Balancing game difficulty progression with user retention

Result

Core gameplay and user system architecture are in place. Ongoing development focuses on leaderboard features and mobile UX refinements.

Screenshots

Tap Mun'n gameplay screen
Tap Mun'n authentication view