https://github.com/johnpc/jpc-wordle
A Wordle clone built with React, TypeScript, and Tailwind CSS
https://github.com/johnpc/jpc-wordle
Last synced: 5 months ago
JSON representation
A Wordle clone built with React, TypeScript, and Tailwind CSS
- Host: GitHub
- URL: https://github.com/johnpc/jpc-wordle
- Owner: johnpc
- Created: 2025-12-27T03:14:31.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-12-27T03:41:16.000Z (6 months ago)
- Last Synced: 2025-12-28T19:15:20.915Z (6 months ago)
- Language: TypeScript
- Size: 112 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Wordle Clone
A simple Wordle clone built with React and TypeScript.
## Features
- **Daily Mode**: Solve today's word puzzle with a date-seeded random word
- **Infinite Mode**: Play unlimited rounds with truly random words
- Clean, accessible UI using shadcn components
## Tech Stack
- **React** + **Vite** - Fast development and build tooling
- **TypeScript** - Strict typing (no `any` allowed)
- **React Query** - State management with provider/hooks pattern
- **shadcn/ui** - Component library
- **ESLint** + **Prettier** - Code formatting and linting
- **Husky** + **lint-staged** - Pre-commit hooks for code quality
## Getting Started
```bash
# Install dependencies
npm install
# Run development server (foreground)
npm run dev
# Run development server (background with logs)
npm run dev > dev.log 2>&1 &
# Build for production
npm run build
```
## How It Works
The game uses a dictionary of five-letter words. In daily mode, the word is selected using a date-based seed, ensuring everyone gets the same word each day. In infinite mode, words are chosen with true randomness for endless gameplay.