This is a web app created to be utilized in order to fetch the Gif Images from the GIPHY Images Repository. It offers different categories and also a custom search tool in order to find what you exactly need!
The application is made such that it fetches the categories list from the GIPHY Images Repository and hence, the category side bar is always upto date.
At present, the application can only fetch <=120 gifs i.e. 24 gifs per page (or lesser than that), this is a sort of restriction at the moment, as the API doesn't allow to mass fetch the gifs in one call.
You can play with the application over here - "https://rakeers.github.io/Gif-Finder/" 😎💻👨🏻💻
The entire application is created using Angular 11 framework, with a wrapper of NG-Zorro which is an Angular UI component library.
Made use of the Giphy SDKs package which facilitated the API functionality.
At the moment the application makes use of the API key which was generated when I registered into the GIPHY Images website. It might expire in a while, so, it's better to follow the instructions present in the Docs for Giphy SDKs package.
You would require to install NodeJS in order to install all the project packages. Link for NodeJS installation
- Once done, head over to the project folder until you find 'package.json' file.
- Open the NodeJS Bash or Command Prompt at this directory location, type npm install and let the node handle all package installations.
- Home Screen you will be greeted with
- Category Selected from the list
- Using Search Functionality
- Errors
- Page Not Found
This project is licensed under the MIT License.
- Might add more functionality.
- Improve UI a bit.
- If the API facilitates mass fetching of gifs, then I can tweak the current functionality to display more gifs.