/react-gif-searchapp

This project is a simple and fast GIF search application built with React. It allows users to search for animated GIFs through an intuitive and responsive interface, fetching real-time data from an external API. Users can input keywords, and the app will return a list of GIFs matching the search criteria.

Primary LanguageJavaScript

GIF Search App

This project is a simple and fast GIF search application built with React, powered by Vite for a fast development experience. It allows users to search for animated GIFs through an intuitive and responsive interface, fetching real-time data from an external API. Users can input keywords, and the app will return a list of GIFs matching the search criteria.

Features

  • Real-time GIF search using Giphy API
  • Responsive design that works on desktop and mobile devices
  • Dynamic updates as users type their search queries
  • Loading spinner for a better user experience while fetching results
  • Minimalist user interface for a clean and user-friendly design

Screenshots

Tech Stack

  • React: for building the user interface and handling state management
  • Vite: for fast development and optimized build process
  • Yarn: for dependency management
  • CSS/Styled Components: for styling the app
  • Giphy API: for retrieving GIFs based on user search input

Installation

To run this project locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/your-username/gif-search-app.git
  2. Navigate to the project directory:
    cd gif-expert-app
  3. Install the dependencies using Yarn:
    yarn install
  4. Run the app in development mode with Vite:
    yarn dev