Boardle is a basic implementation of Wordle using React. There is no limit to the number of games you can play on any given day and you can restart your game at any time.
- React 18
- TypeScript
- Theming using Styled Components
- Dark mode
- Recoil for state management
- Progressive Web App
- History of winning and losing streaks
You can see the application in action at https://iamgbsmith.github.io/react-wordle
Clone the repo:
git clone https://github.com/iamgbsmith/react-wordle
Build the app:
cd react-wordle
yarn install
Start the app:
yarn start
Browse to the application at http://localhost:3000
Favicon generated using https://favicon.io/favicon-generator/ and the Lobster font.
A production build will allow you to install Boardle as a Progressive Web App (PWA) for offline play.
You can create a production build for a React application using:
yarn run build
The output of this will be static content generated in the /build
directory with CSS, JavaScript, and media files contained in /build/static
.
Deploy the content in /build
to a web server or run locally using serve
as follows:
serve -s build
Browse to the application at http://localhost:3000 using Chrome, Edge, or Brave on a desktop device.
Click on the "Install Boardle" icon in the address bar.