GarticPhoneClone

Un clone amélioré de Gartic Phone utilisant React et Socket.IO

• Application React
  • Avant de commencer
  • .env
  • Page d'administration
  • Scripts
    • npm start
    • npm test
    • npm run build
    • Plus d'informations
• Serveur SOCKET.IO
  • Avant de commencer
  • .env
  • Scripts
    • npm start
    • npm run build

Application React

Avant de commencer

Exécutez la commande npm install à la racine du projet pour installer toutes les dépendances de l'application React.

.env

Créez un fichier .env à la racine du projet:

REACT_APP_SOCKETIO_TIMEOUT=5000
REACT_APP_SOCKETIO_SERVER=http://127.0.0.1:3001/

REACT_APP_SOCKETIO_TIMEOUT: Délai de réponse maximum pour les requêtes aux serveurs
REACT_APP_SOCKETIO_SERVER: URL du serveur SOCKET.IO

Page d'administration

Pour vous rendre sur la page d'administration, rentrez l'url http://localhost:3000/admin/USER/PASSWORD avec les identifiants définis dans le .env du serveur.

Scripts

npm start

Exécute l'application en mode développement.
Ouvrez http://localhost:3000 pour l'afficher dans votre navigateur.

La page se rechargera lorsque vous apporterez des modifications.
Vous pouvez également voir les erreurs dans la console.

npm test

Lance les tests en watch mode.
Voir la section sur l'exécution de tests de la documentation de Create React App pour plus d'informations.

npm run build

Génère l'application en mode production dans le dossier build.
Il regroupe correctement React en mode production et optimise la construction pour les meilleures performances.

La construction est minifiée et les noms de fichiers incluent les hashs.
Votre application est prête à être déployée !

Voir la section sur le déploiement de la documentation de Create React App pour plus d'informations.

Plus d'informations

Pour en savoir plus, consultez la documentation de Create React App.

Pour apprendre React, consultez la documentation React.

Serveur SOCKET.IO

Le serveur Socekt.IO se trouve dans le dossier /server/

Avant de commencer

Exécutez la commande npm install dans le dossier server pour installer toutes les dépendances.

.env

Créez un fichier .env dans le dossier server:

PORT=3001
ADMIN_USER=b026aba01a531ec3d8f71b65c2972bf5
ADMIN_PASSWORD=bd8ff1083de9bcfcd7b599d0f774211a

PORT: Port d'exécution du serveur (Ne pas oublier de modifier le port sur le .env de l'application React)
ADMIN_USER: Le nom d'utilisateur de connexion à l'espace admin hashé en md5
ADMIN_PASSWORD: Le mot de passe de connexion à l'espace admin hashé en md5

Note: Vous pouvez utiliser cet outil pour hasher le nom d'utilisateur et le mot de passe.

npm start

Lance l'application en mode développement
Nodemon redémarre le serveur automatiquement à chaque modification de code.

npm run build

Build par défaut de typescript