/meme-generator

This is a simple Meme Generator project built with React JS on Scrimba

Primary LanguageJavaScript

Scrimba - Meme Generator solution

This is a solution to the Meme Generator project on Scrimba.

Table of contents

Overview

The challenge

  • Write top and bottom texts on memes via React form
  • Get a random meme image calling APIs

Screenshot

Screenshot 2024-03-17 161508

Links

Getting Started with Create React App

This project was bootstrapped with Create React App.

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • React.JS
  • Flexbox
  • CSS Grid

What I learned

React basis like:

  • Event listeners
  • State
  • Conditional rendering
  • Forms
  • Side effects

Continued development

I'd like to:

  • Make it more mobile responsive
  • Add a search functionality for specific meme templates

Useful resources

  • ReactJS - How to set up a local development environment on your computer
  • StackOverflow - How to push a footer to the bottom of page when content is short or missing

Author