https://github.com/krishmakhijani/gif_generator
https://github.com/krishmakhijani/gif_generator
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/krishmakhijani/gif_generator
- Owner: krishmakhijani
- License: mit
- Created: 2024-02-28T04:55:17.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-28T16:33:20.000Z (over 1 year ago)
- Last Synced: 2025-07-14T08:10:02.583Z (3 months ago)
- Language: JavaScript
- Homepage: https://gif-generator-eta.vercel.app
- Size: 45.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Random GIF Generator
Welcome to the Random GIF Generator! This project utilizes React.js along with the GIPHY API to fetch and display random GIFs based on user preferences.
## Features
- Generates random GIFs based on user-defined keywords.
- Provides an interactive interface built with React.js for a seamless user experience.
- Utilizes the GIPHY API to fetch a wide variety of GIFs based on user input.
## Demo
## Installation
To run this project locally, follow these steps:
1. Clone the repository to your local machine:
```bash
git clone https://github.com/velocitypanther/random-gif-generator.git
```
2. Navigate into the project directory:
```bash
cd random-gif-generator
```
3. Install dependencies using npm or yarn:
```bash
npm install
# or
yarn install
```
4. Obtain your GIPHY API key from [GIPHY Developers](https://developers.giphy.com/) and replace `"YOUR_API_KEY"` in the `.ENV` code with your actual API key.
5. Start the development server:
```bash
npm start
# or
yarn start
```
6. Open your browser and visit `http://localhost:3000` to view the application.
## Usage
- Enter keywords or phrases into the search bar to generate random GIFs related to your input.
- Click the "Generate GIF" button to fetch and display a new random GIF.
## Technologies Used
- React.js
- GIPHY API
## Contributing
Contributions are welcome! Feel free to submit pull requests or open issues for any bugs, feature requests, or suggestions.
## License
[MIT License](LICENSE)
## Screenshots
Please feel free to upload screenshots of the project by creating an issue and attaching them.
```
Feel free to copy this Markdown content into your README.md file on GitHub.