Diese Nachrichten-App basiert auf der öffentlichen GNews-API und bietet Benutzern die neuesten Nachrichtenartikel aus der ganzen Welt. Die App bietet eine benutzerfreundliche Oberfläche, in der Nachrichtenartikel nach Kategorien geordnet sind, sodass Benutzer die für sie interessanten Artikel einfach durchsuchen und lesen können.
Kategoriebasierte Nachrichten : Die App kategorisiert Nachrichtenartikel in verschiedene Kategorien, darunter Unterhaltung, Wirtschaft, Sport, Technologie, Gesundheit, Wissenschaft und mehr. Benutzer können auf eine Kategorie klicken, um Artikel anzuzeigen, die sich speziell auf diese Kategorie beziehen.
Nachrichten suchen : Die App enthält eine Suchleiste, mit der Benutzer nach bestimmten Nachrichtenartikeln suchen können. Benutzer können Schlüsselwörter eingeben, die sich auf die Nachrichten beziehen, die sie interessieren, und die App zeigt relevante Artikel basierend auf der Suchanfrage an.
Artikeldetails : Jeder Artikel wird mit Titel, Beschreibung, Veröffentlichungsdatum, Kanal und einem Link zum Besuch der Quellwebsite angezeigt. Dadurch wird sichergestellt, dass Benutzer einen umfassenden Überblick über den Nachrichtenartikel erhalten, bevor sie sich für eine weitere Lektüre entscheiden.
Responsives Design : Die App ist responsiv gestaltet und bietet ein nahtloses Erlebnis auf verschiedenen Bildschirmgrößen und Geräten. Unabhängig davon, ob Benutzer über ihren Desktop, ihr Tablet oder ihr Smartphone auf die App zugreifen, passt sich die Benutzeroberfläche nahtlos an ihr Gerät an.
React : Die App wird mit React erstellt, einer beliebten JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. React bietet eine solide Grundlage für die Erstellung interaktiver und dynamischer Komponenten.
Redux : Redux wird für die Statusverwaltung in der App verwendet. Es hilft bei der Verwaltung des globalen Zustands der Anwendung und ermöglicht eine organisiertere und vorhersehbarere Art der Verarbeitung von Datenflüssen.
Styled-Components : Styled-Components wird zum Gestalten der App verwendet. Es ermöglicht Entwicklern, CSS in JavaScript zu schreiben, was die Verwaltung von Stilen für einzelne Komponenten erleichtert.
React-Bootstrap : React-Bootstrap wird zum Erstellen reaktionsfähiger und anpassbarer UI-Komponenten verwendet. Es bietet eine breite Palette vorgefertigter Komponenten, die einfach in die App integriert werden können.
Axios : Axios ist eine JavaScript-Bibliothek, die zum Senden von HTTP-Anfragen verwendet wird. Es wird in diesem Projekt verwendet, um Daten von der öffentlichen GNews-API abzurufen.
Gehen Sie folgendermaßen vor, um die React News App auf Ihrem lokalen Computer auszuführen:
git clone https://github.com/simranlotey/react-news-app.git
cd react-news-app
npm install
npm start
Beiträge zu dieser News-App sind willkommen! Wenn Sie Probleme finden oder Verbesserungsvorschläge haben, öffnen Sie bitte ein Problem oder senden Sie eine Pull-Anfrage in diesem Repository.
Diese Nachrichten-App ist unter der MIT-Lizenz lizenziert. Fühlen Sie sich frei, den Code gemäß den Lizenzbedingungen zu verwenden, zu ändern und zu verteilen.
