https://github.com/kenkyoo/catinder

Como tinder, pero con gatos :)
https://github.com/kenkyoo/catinder

catapi cats css fancyapps html javascript parcel purecss sweetalert2 tabby

Last synced: 4 days ago
JSON representation

Como tinder, pero con gatos :)

• Host: GitHub
• URL: https://github.com/kenkyoo/catinder
• Owner: Kenkyoo
• Created: 2024-11-28T08:23:08.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-28T09:15:14.000Z (about 1 month ago)
• Last Synced: 2024-11-28T09:27:45.211Z (about 1 month ago)
• Topics: catapi, cats, css, fancyapps, html, javascript, parcel, purecss, sweetalert2, tabby
• Language: JavaScript
• Homepage: https://catinder-lilac.vercel.app
• Size: 22.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
🐱 Catinder

Catinder es una aplicación web que utiliza TheCatAPI para mostrar imágenes aleatorias de gatos, donde los usuarios pueden interactuar seleccionando "Me gusta" o rechazándolas, similar al funcionamiento de Tinder. Las imágenes favoritas se almacenan y se pueden visualizar en una galería.

🚀 Funcionalidades

    Explorar Gatos: Se muestra una imagen aleatoria de un gato.

    Interacción: Los usuarios pueden hacer clic en "Me gusta" para guardar la imagen en favoritos o en "Rechazar" para mostrar una nueva.

    Galería de Favoritos: Una sección para visualizar las imágenes de gatos guardadas.

    Eliminación de Favoritos: Posibilidad de eliminar todas las imágenes guardadas de la galería.

🛠️ Tecnologías utilizadas

    Frontend:

        HTML5, CSS3

        PureCSS (Framework CSS ligero)

        JavaScript ES6+

        Fancybox (Visualización de imágenes)

        Tabby.js (Sistema de pestañas)

        SweetAlert2 (Alertas personalizadas)

    API:

        TheCatAPI (Para obtener imágenes de gatos y gestionar favoritos)

    Herramientas:

        Parcel (Bundler de aplicaciones)

        Vercel (Hosting y despliegue)

 🌐 Despliegue en Vercel

    Subir a GitHub: Asegúrate de subir tu proyecto a un repositorio público o privado.

    Configurar Vercel:

        Ve a Vercel y crea un nuevo proyecto.

        Selecciona el repositorio de GitHub y despliega el proyecto.

    Configurar rutas (opcional): Si encuentras problemas de enrutamiento, crea un archivo vercel.json con la siguiente configuración:

       {

  "rewrites": [

    { "source": "/(.*)", "destination": "/index.html" }

  ]

}

👨‍💻 Uso

    Navega por imágenes de gatos: Al abrir la aplicación, verás una imagen aleatoria de un gato.

    Interacción:

        Haz clic en "Me gusta" (❤️) para guardar la imagen en favoritos.

        Haz clic en "Rechazar" (❌) para mostrar una nueva imagen.

    Galería de favoritos:

        Haz clic en la pestaña "Favoritos" para ver las imágenes guardadas.

        Usa el botón "Borrar Favoritos" para eliminar todas las imágenes de la galería.

📂 Estructura del proyecto

catinder/

├── css/

│   ├── grid.css

│   ├── style.css

│   └── tabby-ui.min.css

├── js/

│   ├── script.js

│   ├── tabby.polyfills.min.js

│   └── ...

├── app.js

├── index.html

├── package.json

├── README.md

└── vercel.json

📜 Licencia

Este proyecto está licenciado bajo la MIT License. Puedes usarlo y modificarlo como quieras. ¡Espero que te diviertas explorando gatos!