An open API service indexing awesome lists of open source software.

https://github.com/josuegarcia-udb/news-react-native

Aplicación con React Native para consumir recursos de una API.
https://github.com/josuegarcia-udb/news-react-native

android expo ios javascript metrobundler react reactnative reactnavigation

Last synced: over 1 year ago
JSON representation

Aplicación con React Native para consumir recursos de una API.

Awesome Lists containing this project

README

          

# InfoNow

## Descripción
**InfoNow** es una aplicación móvil desarrollada en **React Native** que permite a los usuarios acceder a noticias en tiempo real de diversas categorías. La aplicación consume la API de **NewsAPI** para obtener información actualizada y presenta una interfaz intuitiva y amigable. Además, almacena las noticias favoritas de los usuarios utilizando **Async-Storage**, permitiéndoles acceder a ellas en cualquier momento.

## Tecnologías utilizadas
- **Expo**
- **React Native**
- **JavaScript**
- **Npm**
- **React**
- **Async-Storage**

## Instrucciones de instalación y ejecución
1. Clonar el repositorio:
```sh
git clone https://github.com/JosueGarcia-UDB/news-react-native.git
```
2. Acceder al directorio del proyecto:
```sh
cd news-react-native
```
3. Instalar dependencias:
```sh
npm install
```
4. Ejecutar la aplicación en Expo:
```sh
npx expo start
```
5. Escanear el código QR con la aplicación Expo Go en tu dispositivo móvil o usar un emulador.

## Integrantes del equipo
| Nombre de integrante | Carnet | Rol |
|----------------------|--------|-------------------------------|
| Josué Eduardo García Estrada | GE240098 | Consumir API de NewsAPI |
| Eduardo Alfredo Ramírez Torres | RT240549 | Consumir API de NewsAPI |
| José Fernando Rodríguez Escamilla | RE240134 | Creación de prototipos de Figma |
| Roberto Arturo Duarte Mejía | DM240115 | Creación de prototipos de Figma |
| Jeremy Edenilson Flores Portillo | FP240479 | Creación de interfaces |
| Oscar Daniel Soto Jovel | SJ241841 | Creación de interfaces |

## Prototipos en Figma
Puedes visualizar los prototipos de la aplicación en el siguiente enlace:
[🔗 Diseño en Figma](https://www.figma.com/design/6mJQfWIKFHCvByxAiT74Q0/MockUps-DPS441-ProyectoCatedra?node-id=0-1&p=f&t=ggfYOnz2XPxVjgoB-0)

## Capturas de pantalla
A continuación, se presentan algunas capturas de la aplicación donde se muestra el resultado y el diseño inicial en Figma 🎨

| ![Imagen 1](./src/assets/img/first-comparation.png) | ![Imagen 2](./src/assets/img/second-comparation.png) |
|----------------------------------|----------------------------------|
| ![Imagen 3](./src/assets/img/third-comparation.png) | ![Imagen 4](./src/assets/img/fourth-comparation.png) |

🚀 ¡Ya puedes InfoNow! 📱