Random Puppies 🐩

Welcome to Random Puppies! This is a web application that allows you to view random puppy images and save them to a favorites section.

Description

Random Puppies is a web application created with HTML, CSS, and JavaScript, without using any web frameworks. I used the The Dog API to fetch random puppy images and display them to users. Users have the option to save the images of the puppies they like so that they always appear in the "Favorite Puppies" section. They also have the option to upload a photo of their own puppy to the API, and it will automatically be included in the "Favorite Puppies" section.

Features

• View random puppies: Every time you visit the page, you can see a new random puppy image.
• Save favorite puppies: Save the images of the puppies you like to keep them in your favorites section.
• Upload your puppy's photo: Upload a photo of your own puppy to the API, and it will be included in the favorites section.

How to Use

1. View random puppies: When you enter the application, you will see a random puppy image.
2. Save a favorite puppy: Click the "Save" button to add the puppy to your favorites.
3. View favorites: Navigate to the "Favorite Puppies" section to see all the puppies you have saved.
4. Upload a photo: Use the upload form to upload a photo of your own puppy. The photo will automatically be added to the favorites section.

Demo

You can see the application in action at the following link: Random Puppies on GitHub Pages.

Installation

If you want to clone and run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/fabzdev/randompuppies.github.io.git
   
   

Contributions

Contributions are welcome. If you have any suggestions or find any issues, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

The Dog API for providing the puppy images.

Perritos Random

¡Bienvenido a Random Puppies! Esta es una aplicación web que te permite ver imágenes de perritos de forma aleatoria y guardarlas en una sección de favoritos.

Descripción

Random Puppies es una aplicación web creada con HTML, CSS y JavaScript, sin usar frameworks web. Utilicé la API The Dog API para obtener imágenes de perritos de forma aleatoria y mostrarlas a los usuarios. Los usuarios tienen la opción de guardar las imágenes de los perritos que les gusten para que siempre aparezcan en la sección "Favorite Puppies". También tienen la opción de subir la foto de su propio perrito a la API, y automáticamente se incluirá en la sección "Favorite Puppies".

Características

• Ver perritos aleatorios: Cada vez que visitas la página, puedes ver una nueva imagen de un perrito.
• Guardar perritos favoritos: Guarda las imágenes de los perritos que te gusten para tenerlas siempre en tu sección de favoritos.
• Subir fotos de tus perritos: Sube la foto de tu propio perrito a la API, y se incluirá en la sección de favoritos.

Cómo usar

1. Ver perritos aleatorios: Al entrar en la aplicación, verás cuatro imagenes aleatorias de perritos.
2. Guardar un perrito favorito: Haz clic en el botón de "Like" para añadir el perrito a tus favoritos.
3. Ver favoritos: Navega a la sección "Favorite Puppies" para ver todos los perritos que has guardado.
4. Subir una foto: Usa el formulario de subida para subir la foto de tu propio perrito. La foto se añadirá automáticamente a la sección de favoritos.

Demo

Puedes ver la aplicación en acción en el siguiente enlace: Random Puppies en GitHub Pages.

Instalación

Si deseas clonar y ejecutar este proyecto localmente, sigue estos pasos:

1. Clona el repositorio:

   git clone https://github.com/fabzdev/randompuppies.github.io.git