Télécharger react connections game - Télécharger react connections game Téléchargement du code source

Télécharger

Connexions (React, Tailwind, Shadcn/ui)

Il s'agit d'un clone du jeu NYT Connections. Ce qui lui-même semble être un clone inavoué du jeu britannique Only Connect .

De toute façon..

Gif de Connexions Gameplay

 cd react-connections-game
npm install
npm run dev

Réagir 18
CSS vent arrière
React Spring pour quelques animations
Shadcn/ui pour les composants primitifs
Copié un certain nombre de fonctions utilitaires à partir d'un clone de React Wordle - cwackerfuss/react-wordle
Construit avec Parcel

L'état global (statut du jeu, suppositions, etc.) est géré à l'aide de l'API Context de React. Les composants du fournisseur sont dans src/providers
Les composants sont dans src/components
- Les composants primitifs importés de la bibliothèque shadcn/ui et légèrement modifiés se trouvent dans src/components/ui
- Le composant Sparkles est tiré de l'article de Josh Comeau sur la création de sparkles animés dans React.
Les fonctions d'assistance pour le stockage local, les statistiques de jeu et les constantes sont dans src/lib
- Les données réelles du puzzle permettant de modifier le contenu de chaque puzzle se trouvent dans src/lib/data.js
Les hooks personnalisés sont dans src/hooks
- Ces deux extraits de code sont extraits du blog de Josh Comeau.

PuzzGrid qui vous permet de créer vos propres jeux/puzzles, aucun code requis.
Générateur de connexions par swellgarfo qui vous permet également de créer vos propres jeux/puzzles, aucun code requis.