← Back to Projects

2048-clone

Active 1.0.0 by manual
Open App

React-based 2048 puzzle game with smooth animations and mobile touch support

Created
2026-03-14
Port
5173
Category
Games

Purpose

Created as a fun project to practice React development, game logic, and touch event handling while building a polished web game

Tech Stack

React 18 Vite JavaScript CSS3

Tags

game puzzle react mobile

Startup Command

npm run dev

Run from project directory: /root/ily.dog/apps/2048-clone

README

2048 Clone

A React-based 2048 game built with Vite.

Access via Tailscale

The app is running on port 5173, bound to 0.0.0.0 for Tailscale access.

Tailscale URL: http://100.115.84.126:5173

How to Play

  • Arrow Keys - Move tiles up, down, left, or right
  • Touch/Swipe - Mobile-friendly swipe controls
  • Goal - Merge tiles to reach 2048!

    • Features

  • Smooth animations
  • Score tracking with best score
  • Mobile-responsive
  • Touch gesture support
  • Game over / win detection
  • Beautiful gradient background

    • Controls

  • ↑ ↓ ← → or WASD to move tiles
  • Same tiles merge when they collide
  • New tile (2 or 4) appears after each move
  • Game ends when no moves are possible

    • Development

    npm install      # Install dependencies
npm run dev      # Start dev server (0.0.0.0:5173)
npm run build    # Build for production
npm run preview  # Preview production build

    Tech Stack

  • React 18
  • Vite
  • CSS3 with gradients and animations
  • Touch event handling

---

Server Status: Running in background (use process list to check)

Project Location: /root/ily.dog/apps/2048-clone