Giphy App

• Build a React web app
• Consume Giphy REST Api for search
• Redux (Refactor the app to the Redux pattern soon)
• User should be able to search gifs by names
• Fetch 10 results per call
• Scroll Infinite
• Pagination
• The app should be deployed to AWS
• Typescript
• Vercel

Live

Deploy: https://simple-restapi-giphy.vercel.app/

Features

• Search Form
• Filter

What's next

• Scroll Infinity
• Redux Pattern
• Pagination

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_GIPHY_API_BASE_URL= https://api.giphy.com/v1/gifs REACT_APP_GIPHY_API_KEY =

Run Locally

Clone the project

  git clone https://github.com/Khaiuet/simple-restapi-giphy

Go to the project directory

  cd simple-restapi-giphy

Install dependencies

  npm install

Start the server

  npm run start
  open localhost:3000 in your browser

Tech Stack

Client: React, Typescript, React Query, frame motion, styled component.

Authors

• @khaiuet

Support

For support, email [email protected] or @khaiuet.