Random Gif Project

Project Overview

The "Random Gif" project is a single-page web application developed using React JS and Tailwind CSS. This application allows users to fetch and display random GIFs using the Giphy API. The project demonstrates the use of custom hooks for managing state and side effects, providing a clean and modular codebase.

Objectives

• Random Gif Fetching: To provide users with random GIFs on demand.
• Custom Hooks: To utilize React's custom hooks for managing state and API calls.
• Dynamic Data Display: To fetch and display GIFs dynamically from the Giphy API.

Technologies Used

• React JS: For building a responsive and dynamic single-page application.
• Tailwind CSS: For styling the application with a modern and clean design.
• RESTful API: For fetching random GIFs from the Giphy API.
• Giphy API URL: https://api.giphy.com/v1/gifs/random?api_key=${API_KEY}

Key Features

• Random Gif Display: Fetches and displays a random GIF from the Giphy API.
• Custom Hooks: Uses custom hooks to manage API calls and state management.
• Responsive Design: Ensures the application is accessible and visually appealing on various devices.

Challenges Faced

• API Integration: Integrating the Giphy API to fetch and display random GIFs.
• Custom Hook Implementation: Creating and managing custom hooks to handle state and side effects.
• Design Consistency: Ensuring a consistent and visually appealing design using Tailwind CSS.

Conclusion

The "Random Gif" project showcases the use of React JS and Tailwind CSS to build a simple yet functional web application. By integrating the Giphy API, the application fetches and displays random GIFs, demonstrating the use of custom hooks for state management and API integration. This project highlights proficiency in React, Tailwind CSS, and RESTful API integration, along with a focus on creating a user-friendly interface.