Skip to content

Crearemos una página web que llame a una API externa y nos devuelva hechos curiosos de manera aleatoria.

Notifications You must be signed in to change notification settings

florienborg/Curious-Facts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

randomFacts1

★★ Proyecto Curious-Facts ★★

Somos el equipo Random Facts compuesto por:

💠Teresa Villa Mir

💠Valentina Ríos

💠Florencia Bordón

Introducción

En este proyecto hemos desarrollado la parte de front-end de una app, que devuelve hechos curiosos. Dentro de la página principal, podremos ver estos hechos curiosos y guardarlos en favoritos si nos encantan.

Estos hechos los hemos enlazado a través de Javascript con la API https://uselessfacts.jsph.pl/ utilizando FetchAPI.

Requerimientos

  • La aplicación DEBE tener la funcionalidad de ir llamando a cada hecho curioso uno por uno.

  • La aplicación DEBE mostrar el hecho curioso llamado.

  • la aplicación DEBE dejar de mostrar el hecho curioso cuando se llame a uno nuevo.

  • La aplicación DEBE tener la funcionalidad de agregar un hecho curioso a una lista de favoritos.

  • La aplicación DEBE ser mobile first.

  • La aplicación DEBE ser responsive para 2 puntos de quiebre como mínimo.

Tecnologías y Herramientas

Para realizar el proyecto hemos utilizado varias herramientas:

•Visual Studio Code

•Trello

•Figma

•Git/Github

Así como también tecnologías:

•HTML

•CSS

•Javascript

Planificación

Hemos planificado utilizando los marcos de trabajo Scrum y Kanban.

Enlace a Trello: https://trello.com/b/iEwG1I3k/curious-facts-randomfacts

HISTORIAS DE USUARIO


Como: usuario

Quiero: un botón llamado SURPRISE ME

Para: que al hacer click salga un hecho curioso de manera aleatoria


Como: usuario

Quiero: un botón en forma de corazón que agregue el hecho curioso a favoritos

Para: que se guarde en una lista


Como: usuario

Quiero: hacer click en el botón de SURPRISE ME nuevamente

Para: que aparezca un hecho curioso diferente

Diseño y prototipo

Para ello hemos utilizado Figma

Enlace a Figma: https://www.figma.com/file/AasKuzmrX5kzktl61dcCRM/RandomFacts?type=design&node-id=12-54&t=kBoANNuBPl1m1upE-0

Maquetas

Maqueta-Movil Maqueta-Movil2

Conclusiones

Hemos tenido algunos problemas que citaremos a continuación junto con las soluciones que encontramos adecuadas.

✤Uso de github en ramas (merge/eliminar un commit)

✤Realización tests

✤Responsive y márgenes en CSS

Lo hemos solucionado:

✤Buscando mucha información

✤Preguntando y pidiendo ayuda a nuestras compañeras y formadoras

✤Prueba y error

About

Crearemos una página web que llame a una API externa y nos devuelva hechos curiosos de manera aleatoria.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •