open-bootcamp / news-app Goto Github PK

Tener en cuenta:

• Diseño responsive
• Reutilización de componentes

El usuario:

• Puede navegar hacia el repo de GitHub, LinkedIn y Twitter de OB

Tener en cuenta:

• Diseño responsive

El usuario:

• Ve los resultados de su búsqueda

Tener en cuenta:

• Diseño responsive
• Reutilización de componentes
• Incluir paginación

El usuario:

• Observa el título de la aplicación
• Puede navegar entre rutas utilizando el NavBar (drawer en mobile)

Tener en cuenta:

• Diseño responsive
• Pintar el nombre de la sección en la que el usuario se encuentra.
• El componente debe estar presente en todas las rutas.
• Reutilización del componente

El usuario observa:

• Imagen relacionada a la noticia
• Título de la noticia
• Pequeña descripción de la noticia

Tener en cuenta:

• Diseño responsive
• Obtener las noticias desde la API
• Al hacer click sobre la imagen o título de la noticia se debe abrir una nueva pestaña con la noticia original.

Debe contener:

• Home (general)
• Business
• Entertainment
• Health
• Science
• Sports
• Technology
• Search

El usuario puede:

• Navegar entre las páginas para ver más noticias.

Tener en cuenta:

• Diseño responsive
• Al cambiar de página se debe enviar petición a API y obtener nuevas noticias para re-renderizar la página.

Realizar las configuraciones necesarias (Tailwind, Eslint, etc)

El usuario observa:

• La fecha actual
• Tipo de cambio euro - dolar
• El tiempo
• Barra de búsqueda

Tener en cuenta:

• Diseño responsive
• Al realizar la búsqueda se debe redirigir a la ruta búsqueda y pasar la frase o palabra ingresada por el usuario.