← Back to Projects
⏳

TimeClash

Race through history in the ultimate chronological battle! A competitive historical timeline game where you place events in their correct order. Play solo to beat your high score, or challenge friends to real-time 1v1 battles where every year counts.

React 18 TypeScript Vite Express.js WebSocket PostgreSQL Tailwind CSS
Status ✅ Live
Type Web Game
Platform Web / Mobile
Multiplayer Real-time 1v1
Hosted on Railway

🕹️ How to Play

🃏

Get a Card

You're presented with a historical event card — like "Invention of the Lightbulb" or "Fall of the Roman Empire."

📍

Place It

Drag or click to place it on your timeline relative to other events. Before the Pyramids? After the Moon Landing?

⭐

Score Points

Correct placements earn points. Incorrect ones cost you a strike!

🏆

Win the Game

Be the first to correctly place 10 cards to win the game.

🔥 Key Features

⚔️

Competitive Multiplayer

Real-time 1v1 battles with live updates powered by WebSockets. Challenge friends and climb the leaderboard.

🃏

The "Steal" Mechanic

If your opponent messes up, you get a chance to steal their turn and place the card yourself!

📱

Mobile Optimized

Play on the go with a sleek, responsive design and a compact 2-line header for maximum gameplay area.

🏅

Progressive Difficulty

Events get more obscure as your timeline grows. How deep is your history knowledge?

🌍

Extensive Database

Thousands of events spanning ancient history to modern pop culture — no two games are the same.

👤

User Profiles

Sign in with Google to track your progress, view match history, friends list with real-time status, and detailed statistics.

🛠️ Tech Stack

⚛️

Frontend

React 18, Vite, TypeScript, Tailwind CSS, shadcn/ui (Radix UI), Wouter routing, TanStack Query.

🖥️

Backend

Express.js with WebSocket (ws) for real-time communication. Shared TypeScript types between client and server.

🗄️

Database

PostgreSQL in production with Drizzle ORM for type-safe queries. In-memory store for local development.

← Back to Projects