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.
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
- 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.
- Navigate to the Home page to see the top trending GIFs.
- Click on any GIF to view its details.
- Use the search bar at the top of the page to search for GIFs by entering a query.
- Click on a GIF to view its detailed information, including the username of the uploader.
- Click on the "Upload" button to upload a GIF from your file system.
- Click the heart icon on a GIF to mark it as a favorite.
- Navigate to the "Favorites" page to see your favorite GIFs.
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.