This is a clone of the NYT Connections Game. Which itself seems to be an unacknowledged clone of the British game Only Connect.
Anyways..
cd react-connections-game
npm install
npm run dev
- React 18
- Tailwind CSS
- React Spring for a few animations
- Shadcn/ui for primitive components
- Copied a number of utility functions from a React Wordle Clone - cwackerfuss/react-wordle
- Built with Parcel
- Global state (game status, guesses, etc.) is handled using React's Context API. The provider components are in
src/providers - Components are in
src/components- Primitive components imported from
shadcn/uilibrary and lightly edited are insrc/components/ui - The
Sparklescomponent is taken from Josh Comeau's article on creating animated sparkles in React..
- Primitive components imported from
- Helper functions for local storage, game statistics, and constants are in
src/lib- The actual puzzle data for changing the content of each puzzle is in
src/lib/data.js
- The actual puzzle data for changing the content of each puzzle is in
- Custom hooks are in
src/hooks- Both of these are code snippets taken from Josh Comeau's Blog
- PuzzGrid which allows you to create your own games/puzzles, no code required.
- Connections Generator by swellgarfo which also allows you to create your own games/puzzles, no code required.
- Please fork and submit a PR if you'd like!
- your fork here!
Want to add one to the list? Please make a pull request.