Skip to content

ash956901/randomGIF

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Random GIF App

Welcome to the Random GIF App! This React-based application fetches and displays random GIFs. It provides a simple and enjoyable experience.

Getting Started

Preview

gif1

gif2

Here is a preview of the Random GIF App.

Installation

Before running the application, make sure to install the necessary dependencies:

npm install

Usage

To run the application, use the following command:

  npm start

Visit http://localhost:3000 in your browser to view the application.

Project Structure

The project is organized as follows:

  • src/: Source code for the React application.
    • components/: Contains React components handling different aspects of the application.
    • hooks/: Custom hooks for fetching GIF data.
    • App.js: Main component rendering the application.
  • public/: Public assets and HTML file.

Dependencies

The project relies on the following dependencies:

  • axios (v1.6.1): Used for making HTTP requests.
  • react (v18.2.0): JavaScript library for building user interfaces.
  • react-dom (v18.2.0): Provides DOM-specific methods.
  • react-scripts (v5.0.1): Configuration and scripts for Create React App.
  • web-vitals (v2.1.4): Library for measuring web vitals.
  • tailwindcss (v3.2.7): A utility-first CSS framework.

Scripts

The following npm scripts are available:

  • npm start: Start the development server.
  • npm build: Build the production-ready application.
  • npm eject: Eject from Create React App.

Contributing

If you find any issues or have suggestions for improvement, please open an issue or submit a pull request. Contributions are welcome!

Contact

Connect with me:

License

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

Happy coding!