Meme Generator

Meme Generator SPA made using React

Description

This is my solution to the Meme Generator project on Scrimba. This SPA React app calls the ImgFlip API to generate a random meme image. The inputs can be used to display lines of text on the top and/or bottom of the image.

Concepts Used

• Components, Props
• useState, useEffect
• Fetching APIs Event Listeners, Conditional Rendering
• Responsive Web Design
• CSS Variables, Flexbox, Grid, Position

Live URL

Tech Stack

• React
• Javascript
• SCSS
• HTML

Prerequisites

Install Node JS

Refer to https://nodejs.org/en/ to install nodejs

Install create-react-app

Install create-react-app npm package globally. This will help to easily run the project and also build the source files easily. Use the following command to install create-react-app

npm install -g create-react-app

Run Locally

Clone the project

git clone https://github.com/Sa-YoorHeadley/meme-generator.git

Go to the project directory

cd meme-generator

Install all the npm packages.

npm install

In order to run the application Type the following command

npm start

The Application Runs on localhost:3000

Acknowledgements

• ImgFlip API
• React Scrimba Course