wordle

A Wordle clone built with React and Tailwind CSS. Challenge yourself to guess the hidden word in this engaging word puzzle game.

🚀 Live Demo

• Game: https://wordle.nathanjessen.com/
• Storybook: https://nathanjessen.github.io/wordle/

🛠️ Tech Stack

• React - UI Framework
• Vite - Build Tool
• TypeScript - Language
• Tailwind CSS - Styling
• Storybook - Component Development

🏗️ Development

Prerequisites

• Node.js 20.9.0 or higher
• npm 10.1.0 or higher

Getting Started

1. Clone the repository

git clone https://github.com/nathanjessen/wordle.git
cd wordle

2. Install dependencies

npm install

3. Start the development server

npm run dev

📜 Available Scripts

npm run dev

Start Vite dev server in the current directory. Will enter the watch mode in development environment and run mode in CI automatically.

The page will reload if you make edits.

npm run build

Builds the app for production to the dist folder. npm run build

npm run preview

Locally preview production build. vite preview

npm run storybook

Start the Storybook dev server for building components in isolation.

npm run build-storybook

Builds the storybook app for production.

🚀 Deployment

The application is deployed using Vercel. The production app is available at https://wordle.nathanjessen.com/.

Storybook documentation is automatically deployed to the docs branch using GitHub Actions and can be viewed at https://nathanjessen.github.io/wordle/.

📝 License

This project is open source and available under the MIT License.