mahmoudhany / giphy-clone

Introduction

Hi, I'm Mahmoud Hany a Front End developer, in college I worked as an iOS developer in Mansoura, after graduation in 2018 - joined the army - I decided to shift to front-end development. I've made some websites like E-commerce, a landing page, book cataloging using technologies like HTML, CSS, Javascript, React, and Redux.

Create .env file in root directory and add:

REACT_APP_API_KEY={YOUR_API_KEY}

Available Scripts

In the project directory, you can run:

npm install

installs the necessary node_modules

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Features Done:

• When the user scrolls the page to the bottom, load new GIFs automatically.

• Create a mosaic layout and display a placeholder when GIFs are still loading.

• Let the user favorite GIFs and list their favorites. The users should be able to retrieve their favorite GIFs even after refreshing the page.

• Let the user favorite GIFs and list their favorites. The users should be able to retrieve their favorite GIFs even after refreshing the page.

This inspired by giphy.com