Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/virajbhutada/gif-finder

This web application, developed for the Future Ready Talent Microsoft Internship, enables seamless GIF search using the GIPHY API. Built with HTML, CSS, and JavaScript, it offers an intuitive interface for exploring memes, GIFs, and short clips. Hosted on Azure, it serves as a multifunctional platform for entertainment and education.
https://github.com/virajbhutada/gif-finder

css future-ready-talent gif-search gifs giphy-api giphy-search html javascript user-interface web website

Last synced: 17 days ago
JSON representation

Host: GitHub
URL: https://github.com/virajbhutada/gif-finder
Owner: virajbhutada
Created: 2024-02-19T12:42:00.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-09-25T19:08:29.000Z (4 months ago)
Last Synced: 2024-11-11T16:18:31.071Z (3 months ago)
Topics: css, future-ready-talent, gif-search, gifs, giphy-api, giphy-search, html, javascript, user-interface, web, website
Language: CSS
Homepage: https://drive.google.com/file/d/1-cZ2f7er9OUS6ssy0FRAXfsxLv4e3PRa/view?usp=sharing
Size: 6.94 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

## GIF Search Portal: A Dynamic Web App for Entertainment and Learning

### Problem Statement

#### GIPHY Integration
The challenge is to integrate comprehensive GIPHY search functionality into a web application using HTML, CSS, and JavaScript. By leveraging the GIPHY API, the goal is to seamlessly incorporate a diverse array of memes, GIFs, and short comedic clips into the platform.

---

### Project Description

The project involves developing a dynamic web application that utilizes the GIPHY API to aggregate and display a variety of GIF content. This platform is not just for entertainment but also serves as a resource hub, offering users access to humorous memes, engaging GIFs, and entertaining videos. Powered by JavaScript, the application is designed to ensure smooth functionality and an intuitive user experience.

The website will be deployed as a static web application using Azure services, leveraging Azure's scalability and reliability. The objective is to create a user-friendly portal aimed at individuals on their learning journey, optimizing their experience with valuable tools and resources to enhance skill development.

### Key Features
- **GIPHY API Integration:** Seamless GIF search functionality.
- **User Interface:** Dynamic and responsive interface using HTML, CSS, and JavaScript.
- **Deployment:** Application deployed as a static web app using Azure services.
- **Target Audience:** Students and professionals, providing a smart learning portal enriched with engaging content.
- **Continuous Updates:** Regular enhancements to improve the user learning journey.

---

### Usage Instructions

Explore and have fun with various GIFs using [this app](https://mkallgren08.github.io/Giphy-Search-App/). On the main page:
1. Select the number of GIFs you want to find using the dropdown button in the upper-right corner.
2. Press any purple tag button in the upper left-hand corner to search for GIFs under that tag.
- **Or:** Enter a new tag to search for, hit submit, and click the newly created tag button!

**Credits:** Gif search functionality is powered by [Giphy API](https://github.com/Giphy/GiphyAPI).

### Snapshots

| Home GIFs | Disney GIFs |
|---|---|
| ![home_gifs](https://github.com/virajbhutada/GIF-Search-Portal/assets/143819712/b4f7bc9b-03e8-49ab-9edb-889606009db9) | ![disney_gifs](https://github.com/virajbhutada/GIF-Search-Portal/assets/143819712/cfed6c87-4721-4b5e-bca3-d3b7622f79e6) |

| Marvel GIFs | Main Portal |
|---|---|
| ![marvel_gifs](https://github.com/virajbhutada/GIF-Search-Portal/assets/143819712/81d7272e-2926-4391-9863-f07d7f4f53f6) | ![main_portal](https://github.com/virajbhutada/GIF-Search-Portal/assets/143819712/6c391ddb-b7b4-4e77-babe-8ef2bef46cb5) |

---

### Conclusion

The GIF Search Portal combines entertainment and education through innovative design and cutting-edge technology. By leveraging Azure resources and the GIPHY API, the project aims to provide users with a rich repository of GIFs while fostering an environment conducive to learning and exploration.

---

### Connect With Me

**[![LinkedIn](https://img.shields.io/badge/LinkedIn-Viraj%20Bhutada-blue?logo=linkedin)](https://www.linkedin.com/in/virajnbhutada24/)**