The purpose of this project is to display text that is written in the form fields dynamically and styled over the image. The images are not local but fetched from Imgflip API to get the top 100 most popular meme images. When the project loads, there is a call to the API for the 100 images that are then store in an array as links. Once the button is pressed, a randomizer picks a new image to display with the written text. The goal for this project is add more fields so that more meme formats can be used, and to add a download button since the text and image are separate elements at the moment.
Date Started
September 15, 2021
Technologies Used
React, Node.js, Imgflip API
The problem
Lorem ipsum dolor sit amet
Duis nunc magna, sollicitudin quis fermentum eu, mattis sed diam. Nunc urna neque, euismod vitae hendrerit in, egestas ac sem. Fusce nec enim molestie, dapibus odio eu, finibus sem. Pellentesque sagittis id nisl sed posuere. Sed mollis non nulla quis blandit. Cras mollis ex non tortor finibus, et ultrices ante egestas.
The solution
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum ex in suscipit eleifend. Suspendisse a odio non orci euismod scelerisque. Nam sapien arcu, tristique vitae risus in, iaculis dictum diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum ex in suscipit eleifend. Suspendisse a odio non orci euismod scelerisque. Nam sapien arcu, tristique vitae risus in, iaculis dictum diam. Aenean vulputate urna eget est vehicula tincidunt. Vivamus luctus diam id varius facilisis. Curabitur venenatis dolor et urna condimentum, porta volutpat dolor pharetra. Sed sed felis egestas, lobortis ex suscipit, tristique eros.
Features
Lorem ipsum dolor sit amet
Duis ullamcorper efficitur ipsum, et rhoncus erat pretium vel. Suspendisse bibendum porttitor dolor, a tempus lorem lacinia sit amet. Aliquam tincidunt hendrerit tellus, id gravida ex suscipit sed. Maecenas id massa tristique risus sodales pharetra. Morbi nec ipsum magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aenean vulputate urna eget est vehicula tincidunt.
Vivamus luctus diam id varius facilisis.
Curabitur venenatis dolor et urna condimentum, porta volutpat dolor pharetra.
Sed sed felis egestas, lobortis ex suscipit, tristique eros.
.png)
.png)
.png)