Skip to content

denis-1989/react-meme-generator

Repository files navigation

React Meme Generator

TODOs

Create a new React app using create-react-app. Set up the basic file structure (App.js, App.css).

Add two input fields for the top text and bottom text. Add a dropdown menu to select a meme template. Add a button to generate the meme. Add an image element to display the generated meme. Add a button to download the meme.

Add state to manage the top text, bottom text, and selected meme template. Create onChange handlers to update the state when the user types in the input fields or selects a template.

Generate the meme URL using the format: https://memegen.link/{template}/{topText}/{bottomText}.png. Display the meme image dynamically in the image element.

Add a download button that lets users download the meme as a file.

Style the input fields, buttons, and meme image to make the app look clean and user-friendly.

Test if the meme generation works as expected with different text and templates. Test the download functionality to ensure it downloads the meme.

About

react meme generator

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published