This project is on an online meme generator which generates random meme templates or image as a background for the texts that the users enter.
This is a React app which generates random meme images on top which the user can write text to express their creativity through a meme image.
- HTML
- CSS
- JavaScript
- React.js
Some of the code is written in JSX, for which React.js library must be installed.
If you have NPM and Node.js installed, you can create a React application by first installing the create-react-app.
Install create-react-app by running this command in your terminal:
npm install -g create-react-app
- To create a React app named 'onlinememegenerator', run this command:
npx create-react-app onlinememegenrator
-
Add the files to this app folder.
-
To run the React app, run this command:
cd myfirstreact
npm start
- First, the user can generate a random meme template or backgorund, by clicking on 'Generate' button. Every time the button is clicked, a different image appears.
- After selecting an image, the user can type in the texts which then appears on the top and bottom of the meme backgorund.
This project was entirely inspired from the 'React Meme Generator Capstone Project' in 'Learn React for free' course by Bob Ziroll on Scrimba. The link for the course: https://scrimba.com/learn/learnreact