{"id":13479798,"url":"https://github.com/RaKeerS/Gif-Finder","last_synced_at":"2025-03-27T10:30:47.238Z","repository":{"id":217126718,"uuid":"370802811","full_name":"RaKeerS/Gif-Finder","owner":"RaKeerS","description":"This is a web app created to be utilized in order to fetch the Gif Images from the Giphy Images Repository. It offer different categories and also a custom search tool in order to find what you exactly need! ","archived":false,"fork":false,"pushed_at":"2021-06-08T17:23:37.000Z","size":2249,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-30T13:38:29.850Z","etag":null,"topics":["angular","angular11","api","api-service","gif","gifs","giphy","giphy-api","giphy-gifs","miniproject","ng-zorro-antd","observables","webapp","webapplication"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/RaKeerS.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":"2021-05-25T19:14:31.000Z","updated_at":"2022-05-31T07:53:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"b900f6c6-f803-43d5-bc30-715014eb0930","html_url":"https://github.com/RaKeerS/Gif-Finder","commit_stats":null,"previous_names":["rakeers/gif-finder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaKeerS%2FGif-Finder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaKeerS%2FGif-Finder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaKeerS%2FGif-Finder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaKeerS%2FGif-Finder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RaKeerS","download_url":"https://codeload.github.com/RaKeerS/Gif-Finder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245826711,"owners_count":20678844,"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","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":["angular","angular11","api","api-service","gif","gifs","giphy","giphy-api","giphy-gifs","miniproject","ng-zorro-antd","observables","webapp","webapplication"],"created_at":"2024-07-31T16:02:23.169Z","updated_at":"2025-03-27T10:30:47.228Z","avatar_url":"https://github.com/RaKeerS.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Gif-Finder\nThis is a web app created to be utilized in order to fetch the Gif Images from the [GIPHY Images Repository](https://giphy.com/). \nIt offers different categories and also a custom search tool in order to find what you exactly need! \n\nThe application is made such that it fetches the categories list from the [GIPHY Images Repository](https://giphy.com/) and hence, \nthe category side bar is always upto date.\n\nAt present, the application can only fetch \u003c=120 gifs i.e. 24 gifs per page (or lesser than that), this is a sort of restriction at the moment, \nas the API doesn't allow to mass fetch the gifs in one call.\n\nYou can play with the application over here - \"https://rakeers.github.io/Gif-Finder/\" 😎💻👨🏻‍💻\n\n## Technologies Used\nThe entire application is created using [Angular 11](https://angular.io/) framework, \nwith a wrapper of [NG-Zorro](https://ng.ant.design/docs/introduce/en) which is an Angular UI component library.\n\nMade use of the [Giphy SDKs](https://github.com/Giphy/giphy-js) package which facilitated the API functionality.\n\nAt the moment the application makes use of the API key which was generated when I registered into the GIPHY Images website.\nIt might expire in a while, so, it's better to follow the instructions present in the Docs for [Giphy SDKs](https://github.com/Giphy/giphy-js) package. \n\n## Project Dependencies\nYou would require to install NodeJS in order to install all the project packages.\n[Link for NodeJS installation](https://nodejs.org/en/)\n\n1) Once done, head over to the project folder until you find 'package.json' file.\n2) Open the NodeJS Bash or Command Prompt at this directory location, type npm install and let the node handle all package installations.\n\n## Some Examples \n\n1. Home Screen you will be greeted with\n\n![Home Screen](https://user-images.githubusercontent.com/22376097/120898826-53c17900-c64a-11eb-92b5-2475cfccb6a5.png)\n\n2. Category Selected from the list \n\n![Category Example 1](https://user-images.githubusercontent.com/22376097/120899003-1dd0c480-c64b-11eb-930e-12a1bbd92882.png)\n\n![Category Example 2](https://user-images.githubusercontent.com/22376097/120899035-4bb60900-c64b-11eb-9e0b-8bc46356dfdc.png)\n\n3. Using Search Functionality\n\n![Search Results 1](https://user-images.githubusercontent.com/22376097/120899057-7011e580-c64b-11eb-9cf9-d21754ff8a8a.png)\n\n![Search Results 2](https://user-images.githubusercontent.com/22376097/120899088-92a3fe80-c64b-11eb-939f-fcaf81590e4b.png)\n\n4. Errors\n\n![Screenshot (598)](https://user-images.githubusercontent.com/22376097/120899115-b23b2700-c64b-11eb-95d7-6e82e8c2c39a.png)\n\n5. Page Not Found\n\n![Page Not Found](https://user-images.githubusercontent.com/22376097/120898919-bb77c400-c64a-11eb-8436-57bf7ca15991.png)\n\n## License\n\nThis project is licensed under the MIT License.\n\n## Futurescope\n\n* Might add more functionality. \n* Improve UI a bit. \n* If the API facilitates mass fetching of gifs, then I can tweak the current functionality to display more gifs.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRaKeerS%2FGif-Finder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FRaKeerS%2FGif-Finder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FRaKeerS%2FGif-Finder/lists"}