Esta aplicación de noticias funciona con la API pública de GNews y proporciona a los usuarios los últimos artículos de noticias de todo el mundo. La aplicación ofrece una interfaz fácil de usar donde los artículos de noticias están organizados por categorías, lo que permite a los usuarios buscar y leer fácilmente artículos de su interés.
Noticias basadas en categorías : la aplicación clasifica los artículos de noticias en varias categorías, que incluyen entretenimiento, negocios, deportes, tecnología, salud, ciencia y más. Los usuarios pueden hacer clic en una categoría para ver artículos específicos de esa categoría.
Buscar noticias : la aplicación incluye una barra de búsqueda que permite a los usuarios buscar artículos de noticias específicos. Los usuarios pueden ingresar palabras clave relacionadas con las noticias que les interesan y la aplicación mostrará artículos relevantes según la consulta de búsqueda.
Detalles del artículo : cada artículo se muestra con un título, descripción, fecha de publicación, canal y un enlace para visitar el sitio web de origen. Esto garantiza que los usuarios puedan obtener una comprensión integral del artículo de noticias antes de decidir leer más.
Diseño responsivo : la aplicación está diseñada para ser responsiva y brindar una experiencia perfecta en diferentes tamaños de pantalla y dispositivos. Ya sea que los usuarios accedan a la aplicación desde su computadora de escritorio, tableta o teléfono inteligente, la interfaz se adaptará sin problemas a su dispositivo.
React : la aplicación está creada con React, una popular biblioteca de JavaScript para crear interfaces de usuario. React proporciona una base sólida para crear componentes interactivos y dinámicos.
Redux : Redux se utiliza para la gestión del estado en la aplicación. Ayuda a gestionar el estado global de la aplicación y permite una forma más organizada y predecible de manejar los flujos de datos.
Componentes con estilo : Los componentes con estilo se utilizan para diseñar la aplicación. Permite a los desarrolladores escribir CSS dentro de JavaScript, lo que facilita la gestión de estilos para componentes individuales.
React-Bootstrap : React-Bootstrap se utiliza para crear componentes de interfaz de usuario adaptables y personalizables. Proporciona una amplia gama de componentes prediseñados que se pueden integrar fácilmente en la aplicación.
Axios : Axios es una biblioteca de JavaScript que se utiliza para realizar solicitudes HTTP. Se emplea en este proyecto para recuperar datos de la API pública de GNews.
Para ejecutar la aplicación React News en su máquina local, siga estos pasos:
git clone https://github.com/simranlotey/react-news-app.git
cd react-news-app
npm install
npm start
¡Las contribuciones a esta aplicación de noticias son bienvenidas! Si encuentra algún problema o tiene sugerencias para mejorar, abra un problema o envíe una solicitud de extracción en este repositorio.
Esta aplicación de noticias tiene la licencia MIT. No dude en utilizar, modificar y distribuir el código según los términos de la licencia.
