https://github.com/tonylapoche/jdlv-react
Voici le « jeu de la vie », construit avec React et Rédux en Typescript. Il s’agit de ma toute première application web, produite en « fromscratch » en parallèle de mes études. De nombreuses choses restent à améliorer. Je conserve ainsi ce repos par nostalgie.
https://github.com/tonylapoche/jdlv-react
algorithm-challenges gameoflife jsx junior-developer react redux simulation tailwindcss typescript
Last synced: 3 months ago
JSON representation
Voici le « jeu de la vie », construit avec React et Rédux en Typescript. Il s’agit de ma toute première application web, produite en « fromscratch » en parallèle de mes études. De nombreuses choses restent à améliorer. Je conserve ainsi ce repos par nostalgie.
- Host: GitHub
- URL: https://github.com/tonylapoche/jdlv-react
- Owner: TonyLaPoche
- License: mit
- Created: 2022-08-16T21:14:57.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-13T12:59:23.000Z (10 months ago)
- Last Synced: 2025-02-03T17:01:42.312Z (4 months ago)
- Topics: algorithm-challenges, gameoflife, jsx, junior-developer, react, redux, simulation, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://jdlv-tony-react-v5.surge.sh/
- Size: 818 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JDLV-React
Jeux de la vie en React avec Redux
## Objectif
1. Refaire le jeu de la vie en module React. CHECK
2. Rajouter des options permettant de choisir le nombre de cellules Totale en jeu. CHECK
3. Rajouter la possibilité de remplissage automatique. CHECK
4. Ratouter la possibilité d'accélération. CHECK
5. Rajouter la possibilité de pause. CHECK
6. Rajouter la possibilité de gardez en mémorie un patern. CHECK
7. Rajouter la possibiliter de rejouter le dernier patern lancer depuis le son point de départ. CHECK
8. Améliorer le panneau de contrôle afin de le rendre plus intuitif. CHECK
9. Paufiner le système de sauvegarde de patern (utilisation du LocalStorage). EN COURS
- Support [video](https://youtu.be/rWfhwW9forg) "LocalStorage"
- Support [documentation](https://blog.logrocket.com/implementing-copy-clipboard-react-clipboard-api/) "Copy OnClipBoard"
10. Rajouter la possibiliter de transmettre par Clipboard ses paterns et donc d'en recevoir également. NEXT STEP
11. Rhabiller tout le corps HTML SCSS en Mobile First
## Installation
1. Télécharger le repos.
2. Installer les dépendances avec `Yarn` puis lancer le serveur avec `Yarn Start`.
# Demo
1. [demo v1](https://jdlv-tony-react-v1.surge.sh/)
2. [demo v2](https://jdlv-tony-react-v2.surge.sh/)
3. [demo v3](https://jdlv-tony-react-v3.surge.sh/) (responsive)
4. [demo v4](https://jdlv-tony-react-v4.surge.sh/) (preview mode | old generation)
5. [demo v5](https://jdlv-tony-react-v4.surge.sh/) (2024 refonte légère)