📈 Useless Facts

Este proyecto consiste en una Single Page Application (SPA) que utiliza JavaScript para llamar a una API externa y mostrar hechos curiosos de manera aleatoria.

😎 Descripción del proyecto

El proyecto consta de una interfaz web que muestra un hecho curioso aleatorio al cargar la página y permite al usuario obtener nuevos hechos/Datos curiosos, con solo hacer clic en un botón. También se proporcionará la funcionalidad para guardar los hechos curiosos favoritos en un espacio específico de la interfaz.

✅ Funcionalidad

·Carga de un hecho curioso aleatorio al abrir la página. ·Botón para obtener nuevos hechos curiosos. ·Posibilidad de marcar hechos curiosos como favoritos. ·Sección dedicada a los hechos curiosos favoritos. ·Interfaz responsive para dispositivos móviles y escritorio

🚀 Demo en Vivo

Useless.Facts.demo.mov

🕹️ Cómo Ejecutar el Proyecto Localmente

Para comenzar a disfrutar de los fascinantes hechos curiosos de Useless Facts, sigue estos sencillos pasos:

1.Clona el Repositorio: Copy code -> git clone https://github.com/Thazet/Funfact-usuless-facts.git

2. Accede al Directorio del Proyecto: -> el directorio que hayas asignado

3. Instala las Dependencias: Utiliza npm para instalar las dependencias necesarias. Copy code -> npm install

4. Abre la Aplicación: Abre el archivo index.html en tu navegador web favorito. Puedes hacerlo directamente desde la interfaz de tu sistema operativo o mediante un servidor local. Copy code -> open index.html O bien, si prefieres usar un servidor local: Copy code -> npm start Esto abrirá automáticamente la aplicación en tu navegador predeterminado.

5. ¡Explora Hechos Curiosos! Ahora estás listo para explorar hechos curiosos aleatorios o agregar tus favoritos. ¡Disfruta de la experiencia de Useless Facts!

💻 Tecnologías

• HTML
• CSS
• Javascript -GitFlow -Flex / Grids
• vitest librerías para testear -Responsive Web Design Mobile & Desktop

🛠 Herramientas

• Figma
• Visual Studio Code
• Trello
• Git / GitHub

🎿Metodologías🎿

-Ágiles -Marcos de trabajo Kanban y Scrum -Métodos de presentación efectiva del proyecto -Versión demostrativa de todas las páginas con funcionalidad completa

Credits 🍂 🌿 🍄 🌱 🌼

Este proyecto fue desarrollado como parte de un equipo diverso con roles específicos para lograr una ejecución efectiva y exitosa. ¡Gracias por explorar nuestros hechos curiosos inútiles! 🌟

Gabriela Poves, Fullstack developer

Carolina Chagas, Fullstack developer

Arleny Medina, Scrum-master

Débora Menezes , Product Owner

English version

📈 Useless Facts

This project consists of a Single Page Application (SPA) that uses JavaScript to call an external API and display curious facts randomly.

😎 Project Description.

The project consists of a web interface that displays a random fun fact on page load and allows the user to get new fun facts/Data, just by clicking a button. It will also provide the functionality to save favorite fun facts in a specific space in the interface.

✅ Functionality.

-Load a random fun fact when opening the page. -Button to get new fun facts. -Possibility to mark fun facts as favorites. -Section dedicated to favorite fun facts. -Responsive interface for mobile devices and desktop.

🚀 Live Demo.

Useless.Facts.demo.mov

🕹️ How to Run the Project Locally.

To start enjoying the fascinating Useless Facts fun facts, follow these simple steps:

1.Clone the Repository: Copy code -> git clone https://github.com/Thazet/Funfact-usuless-facts.git

2. Access the Project Directory: -> the directory you have assigned

3. Install the Dependencies: Use npm to install the necessary dependencies. Copy code -> npm install

4. Open the Application: Open the index.html file in your favorite web browser. You can do it directly from your operating system interface or through a local server. Copy code -> open index.html Or, if you prefer to use a local server: Copy code -> npm start This will automatically open the application in your default browser.

5. Explore Fun Facts! Now you are ready to explore random fun facts or add your favorites - enjoy the Useless Facts experience!

💻 Technologies

• HTML
• CSS
• Javascript -GitFlow -Flex / Grids
• vitest libraries for testing -Responsive Web Design Mobile & Desktop

🛠 Tools

• Figma
• Visual Studio Code
• Trello
• Git / GitHub

🎿Methodologies🎿

-Agile -Kanban and Scrum frameworks -Methods for effective project presentation -Demo version of all pages with full functionality.

Credits 🍂 🌿 🍄 🍄 🌱 🌼

This project was developed as part of a diverse team with specific roles to achieve effective and successful execution. Thanks for exploring our useless fun facts! 🌟

Gabriela Poves, Fullstack developer

Carolina Chagas, Fullstack developer

Arleny Medina, Scrum-master

Débora Menezes , Product Owner