Une application web React moderne offrant des services de sécurité et d'analyse pour les utilisateurs.
- Inscription : Création de compte utilisateur avec validation
- Connexion : Authentification sécurisée
- Redirection automatique : Après inscription réussie, redirection vers la page de connexion
- Scan d'URL : Analyse de sécurité des URLs
- Scan d'IP : Vérification et analyse des adresses IP
- Scan de ports : Détection des ports ouverts
- Analyse EXIF : Extraction et analyse des métadonnées d'images
- Frontend : React 19, Vite
- Routing : React Router DOM
- HTTP Client : Axios
- Styling : CSS3
- Linting : ESLint
-
Cloner le repository
git clone <votre-repo-url> cd ProjetPersonnel
-
Installer les dépendances
npm install
-
Lancer le serveur de développement
npm run dev
-
Ouvrir dans le navigateur
http://localhost:5173
src/
├── assets/
│ ├── components/
│ │ ├── acceuil/ # Page d'accueil
│ │ ├── log/ # Authentification (login/inscription)
│ │ └── service/ # Services de sécurité
│ └── images/ # Images et assets
├── App.jsx # Configuration des routes
└── main.jsx # Point d'entrée
npm run dev: Lance le serveur de développement
/: Page d'accueil/signup: Inscription/Login: Connexion/servicehome: Page des services/scanurl: Scanner d'URL/scanip: Scanner d'IP/scanport: Scanner de ports/scanexif: Analyseur EXIF
L'application utilise des variables d'environnement pour la configuration de l'API. Créez un fichier .env à la racine du projet :
# Copier le fichier d'exemple
cp .env.example .envPuis modifiez le fichier .env avec vos paramètres :
VITE_API_URL=https://ec2-16-171-143-46.eu-north-1.compute.amazonaws.com:8443Note : Le fichier .env est ignoré par Git pour des raisons de sécurité. Le fichier .env.example contient un exemple de configuration.
- ✅ Redirection automatique après inscription réussie
- ✅ Gestion d'erreurs améliorée
- ✅ Configuration via variables d'environnement
- ✅ Interface utilisateur moderne et responsive
- ✅ Services de sécurité intégrés
Projet personnel développé avec React et Vite.
Pour toute question ou suggestion, n'hésitez pas à ouvrir une issue.