← 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