Test-Technique

Nest

React

MySQL

Bootstrap

Docker

Prisma

📑 Table des matières

• 📘 Description
• 🎬 Vidéo demo
• 🧩 Exécution
• 🚀 Remarque
• 📷 Captures d'écran

📘 Description

Ce projet web complet propose :

• ➡️ Interface de connexion responsive avec login, mot de passe et profil (admin, utilisateur, superviseur).
• ➡️ API RESTful pour l'enregistrement des utilisateurs et l'authentification.
• ➡️ Interface d'authentification responsive avec gestion des erreurs.
• ➡️ Page protégée affichant le nom d'utilisateur et le profil.

Vidéo demo 🎬

👉 https://drive.google.com/file/d/1fq7uEVQ_DK-VdyAAF6uvqY1a7WHik9Jh/view?usp=drive_link

Exécution 🧩

Dans ce projet, l'utilisation de Docker Compose va nous permettre de :

• ➡️ Définir l'ensemble de l'application (frontend React, backend NestJS et base de données MySQL) dans un seul fichier docker-compose.yml.
• ➡️ Exécutee le projet de manière identique sur n'importe quelle environnement, quelle que soit la configuration logicielle (Portabilité).
• ➡️ Exploiter l'image officielle MySQL fournie par Docker Hub.
• ➡️ Démarrer l'ensemble de l'application en une seule commande.

👉 Etapes:

1.Cloner le dépôt :

git clone https://github.com/SRayen/Test-Technique.git

2.Accéder au répertoire du projet :

cd Test-Technique

3.Démarrer le projet par la commande:

docker-compose up

Remarque 🔴

Le fichier .env n'est pas inclus dans le .gitignore intentionnellement afin de vous montrer les variables d'environnement nécessaires pour le projet. De plus, veuillez noter que le service "mysql-shadow" est commenté dans le fichier docker-compose de manière intentionnelle pour vous montrer qu'il était utilisé lors de la migration de la base de données.

Captures d'écran 🎬

Docker Desktop:

Interface Prisma Studio:

Se Connecter:

S'inscrire:

Profil: