Skip to content

Latest commit

 

History

History
54 lines (34 loc) · 2.11 KB

README.md

File metadata and controls

54 lines (34 loc) · 2.11 KB
Raw

GIFster

A Javascript Web Teamwork assignment

https://gifster-second.web.app/

GIFster is a Single Page Application (SPA) designed to search and share funny GIFs. This project leverages the Giphy API to display top trending GIFs, enable GIF uploads, and much more. This README file will guide you through the steps to set up, use, and contribute to the GIFster project.

Project Description

GIFster allows users to:

  • Display trending GIFs
  • Search for specific GIFs
  • View detailed information about a GIF
  • Upload their own GIFs
  • Mark GIFs as favorites and view them

Functionalities

  • Display Trending GIFs: Shows top trending GIFs using the Giphy API's trending endpoint.
  • Search GIFs: Allows users to search for GIFs based on a query using the search endpoint.
  • Display GIF Details: Shows detailed information about a specific GIF using the get-gif-by-id endpoint.
  • Upload GIF: Enables users to upload a GIF from their file system using the upload endpoint.
  • Display Uploaded GIFs: Shows the user's uploaded GIFs by storing the IDs in local storage and retrieving them using the get-gifs-by-id endpoint.
  • Favorite GIF: Allows users to mark a GIF as their favorite and displays it. If no favorite is selected, a random GIF is shown instead.

Usage

Display Trending GIFs

  • Navigate to the Home page to see the top trending GIFs.
  • Click on any GIF to view its details.

Search for GIFs

  • Use the search bar at the top of the page to search for GIFs by entering a query.

View GIF Details

  • Click on a GIF to view its detailed information, including the username of the uploader.

Upload GIFs

  • Click on the "Upload" button to upload a GIF from your file system.

Favorite GIFs

  • Click the heart icon on a GIF to mark it as a favorite.
  • Navigate to the "Favorites" page to see your favorite GIFs.

Acknowledgments

This site is live thanks to all the developers and contributors who have made this project possible.

Thank you for using GIFster! We hope you enjoy finding and sharing GIFs with your friends. If you have any questions or suggestions, please feel free to contact us.