Somos el equipo Random Facts compuesto por:
💠Teresa Villa Mir
💠Valentina Ríos
💠Florencia Bordó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.
-
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.
Para realizar el proyecto hemos utilizado varias herramientas:
•Visual Studio Code
•Trello
•Figma
•Git/Github
Así como también tecnologías:
•HTML
•CSS
•Javascript
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
Para ello hemos utilizado Figma
Enlace a Figma: https://www.figma.com/file/AasKuzmrX5kzktl61dcCRM/RandomFacts?type=design&node-id=12-54&t=kBoANNuBPl1m1upE-0
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


