API de Blagues Carambar🍬

Ce projet est une application web qui utilise une API pour afficher des blagues aléatoires et permettre aux utilisateurs de rechercher des blagues par leur ID. L'API utilisée est l'API Carambar qui fournit un large éventail de blagues amusantes.

🌿 Branches

Il y a plusieurs branches dans le projet. Le main est une copie du Frontend. Le backend est la branche contenant le serveur hébergé sur Render.com. Le Frontend hébergé sur Github Page.

📃 Fonctionnement

L'application utilise HTML, CSS et JavaScript pour créer l'interface utilisateur et interagir avec l'API. Lorsque l'utilisateur ouvre l'application dans son navigateur, il voit un titre "API de Blagues" et un conteneur vide pour afficher les blagues.

Les fonctionnalités de l'application sont les suivantes :

1. Obtenir une blague aléatoire : Lorsque l'utilisateur clique sur le bouton "Obtenir une blague aléatoire", une requête est envoyée à l'API Carambar pour récupérer une blague aléatoire. La blague est ensuite affichée dans le conteneur. Merci de patienter et d'actualiser lorsque aucune donnée n'est affichée.

2. Obtenir une blague par ID : Lorsque l'utilisateur clique sur le bouton "Obtenir une blague par ID", une boîte de dialogue apparaît lui demandant d'entrer l'ID de la blague qu'il souhaite afficher. Une fois que l'utilisateur entre l'ID et clique sur "OK", une requête est envoyée à l'API Carambar pour récupérer la blague correspondante. La blague est ensuite affichée dans le conteneur. Merci de patienter et d'actualiser lorsque aucune donnée n'est affichée.

3. Afficher toutes les blagues : Lorsque l'utilisateur clique sur le bouton "Afficher toutes les blagues", une requête est envoyée à l'API Carambar pour récupérer toutes les blagues disponibles. Les blagues sont ensuite affichées les unes après les autres dans le conteneur. Merci de patienter et d'actualiser lorsque aucune donnée n'est affichée.

4. Cacher les blagues : Lorsque l'utilisateur clique sur le bouton "Cacher les blagues", toutes les blagues affichées sont supprimées du conteneur.

L'application utilise des requêtes fetch pour communiquer avec l'API Carambar et des manipulations DOM pour afficher les données dans le navigateur. Le CSS est utilisé pour styliser l'interface utilisateur et rendre l'application plus attrayante visuellement.

⚙️ Configuration

Aucune configuration supplémentaire n'est requise pour exécuter l'application. Il suffit d'ouvrir le fichier HTML dans n'importe quel navigateur web moderne.

📦 Ressources

• API Carambar - L'API utilisée pour obtenir les blagues.
• Frontend - Hébergé sur GitHub Page
• Backend - Hébergé sur Render.com (https://carambar-api.onrender.com)

👨 Auteur

Ce projet a été développé par Alex CHOCHOIS.