React Meme Generator

Create memes from templates, desktop images or image URL

           

Tech

Client: React, TypeScript, TailwindCSS

Deployed on Firebase

Demo

View the site from the link given.

Features

• View meme templates from Imgflip API
• Search templates
• Edit meme image by adding text
• Change text attributes (font-family, font-size, font-color)
• Move text around the image
• Add multiple texts
• Download finalized meme
• Create meme by uploading desktop images or inserting image URL
• Deployed on Firebase

To-do features

• Other users add their own meme templates
• Share your memes on social media
• Save your memes in your account
• Add image filters
• Add stickers and other images into the meme image

Run Locally

Step 1: Clone the project

git clone https://github.com/ankitk26/React-Meme-Generator-SPP-Project.git

Step 2: Go to the project directory

cd my-project

Step 3: Install dependencies

npm install

Step 4: Start the server

npm start

API Reference

Imgflip API is used to fetch all the meme templates. It returns an array of 100 meme templates.

Get all meme templates

GET https://api.imgflip.com/get_memes