Projet de chargement des données JSON

Description

Ce projet JavaScript permet de charger les données à partir d'un fichier JSON en utilisant Fetch, de les afficher dynamiquement dans un tableau HTML, et de les filtrer en fonction d'une recherche utilisateur.

Structure du projet

• styles/ : Contient les fichiers CSS pour le style.

  • index.css : Définit le style principal de l'application.
  • bootstrap.min.css : Ce fichier contient le framework CSS Bootstrap.

• script/ : Dossier contenant les fichiers JavaScript pour le fonctionnement de l'application web.

  • index.js : Fichier JS principal.
  • data.js : Ce fichier JS contient le code qui récupère les données JSON du fichier fichier.json à l'aide de l'API Fetch.

• object/ : Dossier contenant le fichier JSON.

  • fichier.json : Ce fichier JSON contient les données structurées que l'application utilise pour générer le tableau HTML.

• index.html : Ce fichier HTML est le fichier principal de l'application.

Exécution du projet

Pour exécuter ce projet, vous aurez besoin d'un serveur de développement local. Vous pouvez en utilisant un comme:

• XAMPP
• Serveur de développement Visual Studio Code (Live Server)

Remarques

• Assurez-vous que le fichier fichier.json se trouve dans le répértoire object
• Vous pouvez modifier le style de l'application en modifiant le fichier index.css
• Vous pouvez ajouter plus de fonctionnalités à l'application en modifiant le fichier index.js

Conclusion

Ce projet est un bon point de départ pour apprendre à afficher des données JSON dans une application web et à utiliser l'API Fetch pour récupérer des données. Ce code est fourni à titre d'exemple uniquement. Vous pouvez peut-être le modifier pour qu'il corresponde à vos besoins spécifiques.

Contributions

Les contributions sont les bienvenues ! Veuillez ouvrir une issue ou soumettre une pull request pour toute amélioration ou correction de bugs.

Contact

• Nom : Tendry Zéphyrin
• Email : [email protected]
• GitHub : Tendry-Rkt56