GIF Search App using React

Watch Demo Video

The GIF Search app built using React allows users to search for GIFs and displays the results using the Giphy API. It also includes the following additional features:

Features

• Search Feature:

  • The app allows users to search for GIFs using the search bar.
  • The app fetches GIFs from the Giphy API based on the user's search query and displays them in real-time.

• Liked Feature:

  • Users can mark their favorite GIFs by clicking on a "Like" button/icon associated with each GIF in the search results.
  • Marked favorite GIFs are stored persistently, allowing users to access them even after leaving the page or closing the app.

• Trending Feature:

  • The app showcases a curated list of trending GIFs fetched in real-time from the Giphy API.
  • Users can explore the most popular and up-to-date GIFs across various categories.

• Random Feature:

  • Click the "Get Random GIF" button to fetch and display a random GIF from the Giphy API.
  • Surprise yourself with a fun and unexpected GIF!

Getting Started

Follow the instructions below to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js (v12 or above)
• npm (v6 or above)

Installation

1. Clone the repository to your local machine:

   git clone https://github.com/vivekarora-02/Gifphy-Galaxy.git
   
   cd Gifphy-Galaxy-master

2. Install the required dependencies: npm install

Usage

To start the development server and run the app locally, use the following command:

Open your web browser and visit http://localhost:3000 to access the GIF Search app. You can now search for GIFs using the search bar, and the app will display the results accordingly.

Technologies Used

• React: A JavaScript library for building user interfaces
• Giphy API: Used to fetch GIFs based on user search queries
• Axios: A library to make HTTP requests to the Giphy API
• CSS: For styling the application and creating a visually appealing layout

Contributing

Contributions are welcome! If you find any bugs or have suggestions for additional features, please feel free to open an issue or submit a pull request. We appreciate your feedback and help in improving this project.

To contribute to the project, follow these steps:

1. Fork the repository
2. Create your branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• The Giphy API for providing access to a vast collection of GIFs.
• React community and contributors for their valuable resources and documentation.