{"id":20264301,"url":"https://github.com/sergioaff/gift-finder","last_synced_at":"2025-07-29T04:08:50.102Z","repository":{"id":247267977,"uuid":"805025517","full_name":"sergioAff/Gift-Finder","owner":"sergioAff","description":"Gif Finder es una aplicación web que permite buscar y visualizar GIFs utilizando la API de Giphy. Desarrollada con React y estilizada con Tailwind CSS, ofrece una experiencia rápida y responsiva. Los usuarios pueden buscar cualquier categoría y ver los resultados en una cuadrícula dinámica, con un indicador de carga mientras se obtienen los GIFs.","archived":false,"fork":false,"pushed_at":"2024-07-26T13:13:00.000Z","size":21956,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-10T21:48:54.334Z","etag":null,"topics":["gif","web","web-development"],"latest_commit_sha":null,"homepage":"https://giftfinder.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sergioAff.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-23T18:29:05.000Z","updated_at":"2024-10-16T20:30:29.000Z","dependencies_parsed_at":"2024-11-14T11:39:29.555Z","dependency_job_id":"a00d073f-a547-48d5-9c8d-a9cdc0502370","html_url":"https://github.com/sergioAff/Gift-Finder","commit_stats":null,"previous_names":["sergioaff/gift-finder"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sergioAff/Gift-Finder","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergioAff%2FGift-Finder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergioAff%2FGift-Finder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergioAff%2FGift-Finder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergioAff%2FGift-Finder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sergioAff","download_url":"https://codeload.github.com/sergioAff/Gift-Finder/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sergioAff%2FGift-Finder/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267626979,"owners_count":24117709,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gif","web","web-development"],"created_at":"2024-11-14T11:39:19.308Z","updated_at":"2025-07-29T04:08:50.073Z","avatar_url":"https://github.com/sergioAff.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gif Finder\n\nGif Finder es una aplicación web que te permite buscar y visualizar GIFs utilizando la API de Giphy. Este proyecto está construido con React y utiliza Tailwind CSS para el diseño y la estilización.\n\n## Características\n\n- Búsqueda de GIFs.\n- Visualización de GIFs en una cuadrícula responsiva.\n- Indicador de carga mientras se obtienen los GIFs.\n\n## Imagenes\n\n## Vista en mobile\n\u003cimg width=\"494\" alt=\"Captura de pantalla 2024-07-26 a la(s) 9 04 45 a m\" src=\"https://github.com/user-attachments/assets/8e31872a-50aa-4eda-b1fc-98f970fb8aab\"\u003e\n\n## Vista en dektop\n\u003cimg width=\"1710\" alt=\"Captura de pantalla 2024-07-26 a la(s) 9 01 11 a m\" src=\"https://github.com/user-attachments/assets/3f3fef2e-d224-434e-ac42-59d76648e01d\"\u003e\n\n## Vista con busquedas\n\u003cimg width=\"1710\" alt=\"Captura de pantalla 2024-07-26 a la(s) 9 04 19 a m\" src=\"https://github.com/user-attachments/assets/ce4f7f88-9a4e-44de-8955-204ccff3a947\"\u003e\n\n## Instalación\n\nPara correr este proyecto localmente, sigue estos pasos:\n\n1. Clona este repositorio\n    ```\n    git clone https://github.com/sergioAff/gif-finder.git](https://github.com/sergioAff/Gift-Finder.git\n    ```\n2. Navega al directorio del proyecto\n    ```\n    cd gif-finder\n    ```\n3. Instala las dependencias\n    ```\n    npm install\n    ```\n4. Corre la aplicación\n    ```\n    npm start\n    ```\n\nLa aplicación estará disponible en `http://localhost:3000`.\n\n## Uso\n\n1. Escribe una categoría en el campo de búsqueda.\n2. Presiona `Enter` para buscar GIFs relacionados con la categoría.\n3. Los GIFs aparecerán en una cuadrícula debajo del campo de búsqueda.\n\n## Tecnologías Utilizadas\n\n- [React](https://reactjs.org/)\n- [Tailwind CSS](https://tailwindcss.com/)\n- [Giphy API](https://developers.giphy.com/docs/api/)\n\n## Estructura del Proyecto\n\n```\ngif-finder/\n├── public/\n│   ├── index.html\n│   └── ...\n├── src/\n│   ├── components/\n│   │   ├── AddCategory.js\n│   │   ├── GifGrid.js\n│   │   ├── GifItem.js\n│   │   ├── LoadingSpinner.js\n│   │   └── ...\n│   ├── hooks/\n│   │   └── useFetchGifs.js\n│   ├── App.js\n│   ├── index.js\n│   └── ...\n├── .gitignore\n├── package.json\n├── README.md\n└── ...\n```\n\n## API Key\n\nPara utilizar la API de Giphy, necesitas una API Key. Puedes obtener una registrándote en [Giphy Developers](https://developers.giphy.com/). Una vez que tengas tu API Key, crea un archivo `.env` en la raíz del proyecto y agrega tu API Key de la siguiente manera:\n\n```\nREACT_APP_GIPHY_API_KEY=tu_api_key\n```\n\n## Contribuir\n\n¡Las contribuciones son bienvenidas! Si tienes una idea para mejorar el proyecto, por favor abre un `issue` o envía un `pull request`.\n\n1. Haz un fork del proyecto\n2. Crea una nueva rama (`git checkout -b feature-nueva-caracteristica`)\n3. Haz tus cambios (`git commit -m 'Agregar nueva característica'`)\n4. Haz un push a la rama (`git push origin feature-nueva-caracteristica`)\n5. Abre un `pull request`\n\n## Licencia\n\nEste proyecto está bajo la Licencia MIT. Consulta el archivo [LICENSE](LICENSE) para obtener más información.\n\n## Contacto\n\nAutor: Sergio Fernández (https://github.com/sergioAff/)\nEmail: sergioadrianfernandez02@gmail.com\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergioaff%2Fgift-finder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsergioaff%2Fgift-finder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsergioaff%2Fgift-finder/lists"}