| src | ||
| .gitignore | ||
| Dockerfile | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.cjs | ||
| PROMPT.md | ||
| README.md | ||
| tailwind.config.cjs | ||
| vite.config.js | ||
Cyber Investigator
📋 Description
Cyber Investigator est un outil interactif de sensibilisation à la cybersécurité qui permet aux utilisateurs d'explorer leur présence en ligne tout en préservant leur confidentialité. Cette application éducative guide les utilisateurs à travers une série de recherches structurées pour découvrir quelles informations personnelles sont accessibles publiquement et quels risques y sont associés.
✨ Fonctionnalités
- Guide d'investigation en 4 phases pour découvrir sa présence en ligne
- Confidentialité totale - toutes les données restent dans le navigateur de l'utilisateur
- Liens de recherche automatisés pour faciliter l'investigation
- Enregistrement de progression en local
- Interface intuitive inspirée d'un spectacle de magie
- Affichage des risques personnalisé basé sur les informations trouvées
- Possibilité de prendre des notes pour chaque recherche
🚀 Installation et utilisation
Prérequis
- Node.js 14.18.0 ou supérieur
- npm ou yarn
Installation
```bash
Cloner le dépôt
git clone https://github.com/votre-username/cyber-investigator.git cd cyber-investigator
Installer les dépendances
npm install
Lancer le serveur de développement
npm run dev ```
L'application sera accessible à l'adresse http://localhost:3000.
Construction pour la production
```bash npm run build ```
Les fichiers de production seront générés dans le dossier `dist`.
📖 Guide d'utilisation
- Page d'accueil - Entrez votre nom pour générer des liens de recherche personnalisés
- Prérequis - Vérifiez les mesures de sécurité à prendre avant de commencer votre investigation
- Phase 1: Évaluation visuelle - Recherchez vos images et présence sur les réseaux sociaux
- Phase 2: Risques critiques - Identifiez les informations sensibles vous concernant
- Phase 3: Informations intermédiaires - Découvrez vos traces professionnelles et activités en ligne
- Phase 4: Données secondaires - Analysez les mentions dans la presse et archives
- Résumé - Consultez un rapport complet de votre exposition en ligne et des recommandations
🛠️ Technologies utilisées
- React - Bibliothèque JavaScript pour construire l'interface utilisateur
- Vite - Outil de build et serveur de développement
- React Router - Navigation entre les pages
- TailwindCSS - Framework CSS utilitaire
- localStorage API - Stockage des données utilisateur
🔍 Méthodologie d'investigation
L'application guide l'utilisateur à travers une méthodologie structurée en 4 phases :
-
Phase 1 : Évaluation visuelle rapide
- Recherche d'image inversée sécurisée
- Recherche sur les réseaux sociaux
-
Phase 2 : Identification des risques critiques
- Vérification des fuites de données
- Recherche de documents sensibles
-
Phase 3 : Analyse des informations intermédiaires
- Informations professionnelles
- Domicile et propriétés
- Activités en ligne
-
Phase 4 : Analyse des données secondaires
- Mentions dans la presse et archives
- Associations et engagement public
🔒 Confidentialité
Cette application ne collecte, ne transmet ni ne stocke aucune donnée sur un serveur. Toutes les informations saisies par l'utilisateur (nom, notes) sont stockées uniquement dans le localStorage du navigateur et ne quittent jamais l'appareil de l'utilisateur.
🧩 Structure du projet
``` cyber-investigator/ ├── src/ │ ├── components/ # Composants réutilisables │ ├── pages/ # Pages principales de l'application │ ├── utils/ # Utilitaires et données │ └── styles/ # Fichiers CSS ├── public/ # Ressources statiques ├── index.html # Template HTML principal └── vite.config.js # Configuration de Vite ```
🤝 Contributions
Les contributions sont les bienvenues ! N'hésitez pas à ouvrir une issue ou à soumettre une pull request.
📄 Licence
Ce projet est sous licence MIT. Voir le fichier `LICENSE` pour plus d'informations.
📬 Contact
Pour toute question ou suggestion, veuillez ouvrir une issue dans ce dépôt.