deepu2560/gif-chrome-extension

This is my first chrome extension. In this user can search gif of any title, after searching user can see 25 gif animations, click on any gif you can see that particular gif and also you can copy link of that gif.

gif-chrome-extension

This is my first chrome extension. In this user can search gif of any title, after searching user can see 25 gif animations, click on any gif you can see that particular gif and also you can copy link of that gif.

Steps to run locally:

1. Clone this repository to your local system.
2. npm install => Open in cloned directory and run this command to install all modules.
3. npm run build => Now run this command to create a build of this react project.
4. Now open chrome / edge and search for this url in your respective browser edge://extensions / edge://extensions , or you can go to extensions in settings of your browser.
5. Now find developer option on screen and turn it on. After that you will find some extra buttons on screen click on load unpacked.
6. Now go to dict in cloned directory and click select folder.
7. Enjoy the extension find gifs in there.

Some important description of project:

1. I use Giphy api to fetch gif.
2. I used debouncing technique on searching of gif.
3. User Can click on gif to zoom and watch gif
4. Also user can copy link of that gif to share.
5. Tech Stack => HTML, CSS, JavaScript, React.js, Axios.

---

Thank you ❤️