https://github.com/RaKeerS/Gif-Finder
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!
https://github.com/RaKeerS/Gif-Finder
angular angular11 api api-service gif gifs giphy giphy-api giphy-gifs miniproject ng-zorro-antd observables webapp webapplication
Last synced: 7 months ago
JSON representation
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!
- Host: GitHub
- URL: https://github.com/RaKeerS/Gif-Finder
- Owner: RaKeerS
- Created: 2021-05-25T19:14:31.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-06-08T17:23:37.000Z (over 4 years ago)
- Last Synced: 2024-10-30T13:38:29.850Z (11 months ago)
- Topics: angular, angular11, api, api-service, gif, gifs, giphy, giphy-api, giphy-gifs, miniproject, ng-zorro-antd, observables, webapp, webapplication
- Language: TypeScript
- Homepage:
- Size: 2.14 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Gif-Finder
This is a web app created to be utilized in order to fetch the Gif Images from the [GIPHY Images Repository](https://giphy.com/).
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](https://giphy.com/) 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/" 😎💻👨🏻💻
## Technologies Used
The entire application is created using [Angular 11](https://angular.io/) framework,
with a wrapper of [NG-Zorro](https://ng.ant.design/docs/introduce/en) which is an Angular UI component library.
Made use of the [Giphy SDKs](https://github.com/Giphy/giphy-js) 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](https://github.com/Giphy/giphy-js) package.
## Project Dependencies
You would require to install NodeJS in order to install all the project packages.
[Link for NodeJS installation](https://nodejs.org/en/)
1) Once done, head over to the project folder until you find 'package.json' file.
2) Open the NodeJS Bash or Command Prompt at this directory location, type npm install and let the node handle all package installations.
## Some Examples
1. Home Screen you will be greeted with
2. Category Selected from the list
3. Using Search Functionality
4. Errors
5. Page Not Found
## License
This project is licensed under the MIT License.
## Futurescope
* 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.