https://github.com/tamvdb/itf3_hackathon_carbonquest-local
Carbon Quest est un projet collaboratif réalisé en trois jours lors d'un hackathon chez Interface3 réunissant 2 backend, 2 frontend et 2 game developers.
https://github.com/tamvdb/itf3_hackathon_carbonquest-local
csharp javascript mongoose nodejs php react unity
Last synced: 3 months ago
JSON representation
Carbon Quest est un projet collaboratif réalisé en trois jours lors d'un hackathon chez Interface3 réunissant 2 backend, 2 frontend et 2 game developers.
- Host: GitHub
- URL: https://github.com/tamvdb/itf3_hackathon_carbonquest-local
- Owner: TamVdb
- Created: 2024-10-23T08:32:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-30T13:00:21.000Z (over 1 year ago)
- Last Synced: 2025-01-21T12:33:48.979Z (over 1 year ago)
- Topics: csharp, javascript, mongoose, nodejs, php, react, unity
- Language: JavaScript
- Homepage:
- Size: 57.7 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Carbon Quest 🤖
Carbon Quest est un jeu éducatif de plates-formes qui vous invite à explorer les enjeux du Green IT, l’ensemble des pratiques visant à réduire l’impact environnemental des technologies numériques, de leur conception à leur utilisation.
🎯 But du jeu
Votre mission est de grimper jusqu’au sommet de la canopée, tout en répondant correctement à un maximum de questions.
👾 Comment jouer ?
* Utilisez les touches directionnelles et la barre d'espace pour vous déplacer vers le haut de la forêt.
* Rapprochez-vous des esprits de la forêt pour qu'ils vous posent leurs questions.
* Une fois au sommet, vous pourrez consulter vos réponses, voir vos erreurs, et en apprendre davantage sur le Green IT.
💪 Parviendrez-vous à répondre correctement à toutes les questions ?
## 🌐 Backend et Base de Données
Afin de pouvoir mettre le projet en ligne plus facilement, nous avons développé un backend en Node.js et utilisé une base de données MongoDB.
💻 **Backend initial** : PHP avec une base de données MySQL (administrée via PHPMyAdmin).
🌍 **Backend actuel** : Node.js avec une base de données MongoDB.
⚡ _Les 2 versions locales sont présentées ici._
## 👀 Visuels
## ⚙️ Installation backendNode
### Backend
Installer les dépendances
```
npm i
```
Créer une base de données `carbonquest` avec MongoDB et une collection `users`
Créer un fichier .env avec les variables suivantes
```
MONGODB_CONNECTION_STRING=MONGODB_CONNECTION_STRING="mongodb://localhost/carbonquest"
API_URL="http://localhost:5173"
```
Lancer le serveur
```
npm run dev
```
### Frontend
Installer les dépendances
```
npm i
```
Créer un fichier .env avec la variable suivante
```
VITE_API_URL="http://localhost:3001/"
```
Lancer le serveur
```
npm run dev
```
### Tester le jeu
👩💻 Enregistrer un nouvel utilisateur
🔓 Se connecter
🎮 Jouer
## ⚙️ Installation backendPHP
### Backend
Installer la base de données en suivant les instructions du fichier `info.md` du dossier `/backend`
Lancer le serveur
```
php -S localhost:8000
```
### Frontend
Installer les dépendances
```
npm i
```
Lancer le serveur
```
npm run dev
```
### Tester le jeu
👩💻 Pseudo : User
🔒 Mot de passe : password
## 🔗 Dépendances
* Axios
* React Icons
* React Router Dom
* React Unity Webgl
* Zod
* React Hook Form
* Tailwind
* Vite
* Express
* MongoDB
* Mongoose
* Nodemon
* Dotenv
* Cors