📚 info3Wiki

Une interface de recherche intelligente combinant la richesse de Wikipédia et la puissance de l'Intelligence Artificielle.

📖 À propos

info3Wiki est une application web moderne conçue pour transformer la manière dont nous interagissons avec le savoir encyclopédique. Au lieu de simplement afficher des articles bruts, l'application agit comme un intermédiaire intelligent qui permet non seulement de rechercher du contenu sur Wikipédia, mais aussi d'obtenir une assistance contextuelle via une IA pour résumer, expliquer ou approfondir les sujets trouvés.

Ce projet a été réalisé dans le cadre de Mon apprentissage Des outils Du dev Web.

---

❓ Problématique

Dans un monde saturé d'informations, l'accès au savoir n'est plus le problème principal ; c'est le traitement et la synthèse de cette information qui posent défi.

• Surcharge cognitive : Les articles Wikipédia peuvent être très longs et techniques.
• Recherche de contexte : Un utilisateur cherche souvent une réponse précise, pas nécessairement un article de 10 pages.
• Accessibilité : Besoin d'une interface épurée et centrée sur l'utilisateur, sans les distractions de la navigation classique.

info3Wiki répond à ces enjeux en offrant une interface unifiée où la recherche documentaire rencontre l'assistance conversationnelle.

---

✨ Fonctionnalités Clés

• 🔍 Recherche Instantanée : Interrogation en temps réel de l'API Wikipédia pour récupérer des articles.
• 🤖 Assistant IA Intégré : Un chatbot (basé sur [ex: Gemini API / OpenAI API]) capable de résumer l'article affiché ou de répondre à des questions spécifiques sur le sujet.
• 📄 Affichage Dynamique : Présentation claire et formatée du contenu extrait de Wikipédia.
• 📱 Design Responsive : Interface adaptative fonctionnant sur ordinateur et mobile (HTML/CSS/JS).
• ⚡ Interaction Fluide : Utilisation de JavaScript asynchrone (AJAX/Fetch) pour une expérience sans rechargement de page.

---

🛠️ Technologies Utilisées

Ce projet repose sur une architecture Web standard et légère :

Frontend

• HTML5 : Structure sémantique de l'application.
• CSS3 : Mise en forme, animations et design responsive (Flexbox/Grid).
• JavaScript (ES6+) : Logique de l'application, gestion du DOM et appels API.

APIs et Services

• Wikipedia API (MediaWiki) : Pour l'extraction du contenu encyclopédique.
• AI API : pour le traitement du langage naturel.

---

🚀 Installation et Utilisation

Suivez ces instructions pour lancer le projet localement.

Prérequis

• Un navigateur web moderne (Chrome, Firefox, Edge).
• Une connexion internet (pour les requêtes API).
• Un éditeur de code (VS Code recommandé).

Étapes

1. Cloner le dépôt :

   git clone [https://github.com/votre-username/info3Wiki.git](https://github.com/votre-username/info3Wiki.git)
   cd info3Wiki

2. Configuration de l'API (Si nécessaire) :

   • Ouvrez le fichier script.js (ou votre fichier de configuration).
   • Insérez votre clé API pour l'assistant IA à l'endroit indiqué :

   const API_KEY = 'VOTRE_CLE_API_ICI';

3. Lancement :

   • Ouvrez simplement le fichier index.html dans votre navigateur.
   • Ou utilisez une extension comme "Live Server" sur VS Code pour un rechargement automatique.

---

📂 Structure du Projet

info3Wiki/
├── index.html      # Structure principale de la page
├── style.css       # Feuilles de style et design
├── script.js       # Logique JS et appels API
├── assets/         # Images et icônes
└── README.md       # Documentation du projet