/Dataviz

Projet Collectif - ADA TECH SCHOOL - Première utilisation d'API

Primary LanguageHTML

Dataviz

Description du projet

Groupe de projet: Sam, Jessica, Imelda

Ce projet est une visualisation de données réalisée dans le cadre de notre formation en développement. Il vise à présenter des informations de manière graphique et interactive, facilitant ainsi la compréhension et l'analyse des données.

Fonctionnalités

  • Affichage d'articles d'actualité provenant de diverses sources
  • Filtrage des articles par langue
  • Filtrage des articles par sujet (sport, santé, mode)
  • Interface utilisateur intuitive et responsive

Technologies utilisées

  • HTML, CSS pour la structure et le style
  • JavaScript pour la logique et l'interactivité
  • API REST pour récupérer les données
  • GitHub pour le contrôle de version et la collaboration

Installation

  1. Clonez ce dépôt : git clone https://github.com/ItsJessicaDaVeiga/Dataviz.git
  2. Naviguez dans le dossier du projet : cd Dataviz
  3. Installez les dépendances : npm install
  4. Lancez l'application : npm start

Utilisation

À l'ouverture de la page, vous verrez une liste d'articles d'actualité.

  • Utilisez les filtres de langue pour afficher les articles dans la langue de votre choix.
  • Sélectionnez un sujet (sport, santé, mode) pour afficher les articles correspondants.
  • Cliquez sur un article pour le lire en entier.
  • Le site est responsive et s'adapte aux différentes tailles d'écran.

Contribution

Les contributions à ce projet sont les bienvenues. N'hésitez pas à ouvrir une issue ou à soumettre une pull request.

Lien du projet : https://github.com/ItsJessicaDaVeiga/Dataviz