Cette application d'actualités est alimentée par l'API publique GNews et fournit aux utilisateurs les derniers articles d'actualité du monde entier. L'application offre une interface conviviale où les articles d'actualité sont organisés par catégories, permettant aux utilisateurs de parcourir et de lire facilement les articles qui les intéressent.
Actualités par catégorie : l'application classe les articles d'actualité en diverses catégories, notamment le divertissement, les affaires, les sports, la technologie, la santé, la science, etc. Les utilisateurs peuvent cliquer sur une catégorie pour afficher les articles spécifiques à cette catégorie.
Rechercher des actualités : l'application comprend une barre de recherche qui permet aux utilisateurs de rechercher des articles d'actualité spécifiques. Les utilisateurs peuvent saisir des mots-clés liés aux actualités qui les intéressent et l'application affichera des articles pertinents en fonction de la requête de recherche.
Détails de l'article : chaque article est affiché avec un titre, une description, une date de publication, une chaîne et un lien pour visiter le site Web source. Cela garantit que les utilisateurs peuvent avoir une compréhension complète de l’article d’actualité avant de décider d’en lire davantage.
Conception réactive : l'application est conçue pour être réactive, offrant une expérience transparente sur différentes tailles d'écran et appareils. Que les utilisateurs accèdent à l'application depuis leur ordinateur de bureau, leur tablette ou leur smartphone, l'interface s'adaptera facilement à leur appareil.
React : L'application est construite à l'aide de React, une bibliothèque JavaScript populaire pour créer des interfaces utilisateur. React fournit une base solide pour créer des composants interactifs et dynamiques.
Redux : Redux est utilisé pour la gestion de l'état dans l'application. Il aide à gérer l’état global de l’application et permet une manière plus organisée et prévisible de gérer les flux de données.
Styled-Components : Styled-Components est utilisé pour styliser l'application. Il permet aux développeurs d'écrire du CSS dans JavaScript, ce qui facilite la gestion des styles pour les composants individuels.
React-Bootstrap : React-Bootstrap est utilisé pour créer des composants d'interface utilisateur réactifs et personnalisables. Il fournit une large gamme de composants prédéfinis qui peuvent être facilement intégrés à l'application.
Axios : Axios est une bibliothèque JavaScript utilisée pour effectuer des requêtes HTTP. Il est utilisé dans ce projet pour récupérer des données de l'API publique GNews.
Pour exécuter l'application React News sur votre ordinateur local, procédez comme suit :
git clone https://github.com/simranlotey/react-news-app.git
cd react-news-app
npm install
npm start
Les contributions à cette application d'actualités sont les bienvenues ! Si vous rencontrez des problèmes ou avez des suggestions d'améliorations, veuillez ouvrir un problème ou soumettre une pull request dans ce référentiel.
Cette application d'actualités est sous licence MIT. N'hésitez pas à utiliser, modifier et distribuer le code conformément aux termes de la licence.
