Coder Social home page Coder Social logo

omraj0 / gif_generator Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.13 MB

A Random GIF Generator application built using React.js and APIs

Home Page: https://omraj0.github.io/GIF_Generator/

HTML 8.89% JavaScript 76.16% CSS 14.95%
reactjs api-client gif-generator giphy-api tailwind-css

gif_generator's Introduction

๐Ÿš€ Random GIF Generator App ๐Ÿคฃ

Welcome to the Random GIF Generator app! This dynamic React application brings humor to your fingertips, allowing you to generate hilarious GIFs or memes in two exciting ways. ๐ŸŽ‰

๐ŸŒ Click on the Image

Demo

๐Ÿ“‹ Features

โœจ Here are some exciting features of the Random Meme Generator:

  • ๐Ÿคช Random GIFs: Click the "Generate" button, and watch as a new meme appears with every click.
  • ๐Ÿ–ผ๏ธ Category Selection: Pick a GIF category of your choice, and click "Generate" to get GIFs from that category.
  • ๐Ÿ“ค Share GIFs: Share your favorite GIFs with friends and family on social media.
  • ๐Ÿ”„ Infinite Fun: Keep clicking for endless GIF entertainment.

๐Ÿš€ Quick Start

Getting started with the Random Meme Generator is a breeze:

  1. Navigate to the directory where you want to store the project. You can use the cd command to change directories. For example, to navigate to your desktop, you can use:

    cd ~/Desktop
  2. Clone the repository by running the following command. This will create a copy of the project on your computer:

    git clone https://github.com/omraj0/GIF_Generator.git
  3. Once the repository is cloned, navigate to the project folder:

    cd GIF_Generator
  4. Install Dependencies:

    npm install
  5. Start the App:

    npm start
  6. Open Your Browser:

    The app will be running at http://localhost:3000.

๐ŸŽจ Customization

Feel free to customize the Random Meme Generator app to match your style and preferences:

  • Modify the CSS in the src/styles folder to change the app's appearance.
  • Add your favorite GIFs to the GIF library by following the data structure in src/data/gif.js.

๐ŸŒ Live Demo

Check out the live demo of the Random Meme Generator here: Live Demo

๐Ÿค Contributing

If you have ideas to improve the Random Meme Generator, contributions are welcome! Fork the repository, create a new branch, and submit a pull request.

๐Ÿ“ž Contact

If you have any questions or want to get in touch, feel free to reach out:

Let the GIF-creating fun begin! Happy coding and meme-sharing! ๐Ÿ˜„๐ŸŽ‰

gif_generator's People

Contributors

omraj0 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.