https://github.com/seanoliver/meme-gen

A simple meme generator.
https://github.com/seanoliver/meme-gen

Last synced: 18 days ago
JSON representation

A simple meme generator.

• Host: GitHub
• URL: https://github.com/seanoliver/meme-gen
• Owner: seanoliver
• Created: 2023-02-07T08:06:21.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-09T21:19:15.000Z (almost 2 years ago)
• Last Synced: 2024-12-06T16:57:37.199Z (about 1 month ago)
• Language: SCSS
• Homepage: https://seanoliver.dev/meme-gen
• Size: 217 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The Meme Manufactory

The Meme Manufactory is a simple, browser-based meme generator written in vanilla HTML, CSS, and JavaScript.

## Overview

The generator should consist of a form that accepts a link to an image, text for the top of the meme, and text for the bottom of the meme. When the user submits the form, use JavaScript to append to the DOM a div which contains the meme, including the image and its text.

## Requirements

- [X] User should be able to submit a form on the page to generate a new meme on the page, and should be able to add multiple memes to the page by submitting the form multiple times.

- [X] Users should be able to click on a button to remove a meme from the page.

- [X] When the meme form is submitted, values in the form inputs should be cleared.

## Bonus Updates

- Light and dark mode

- Click "Meme Me" with empty fields to auto-generate a random meme

## To Do

- [X] Fix bug: Meme doesn't delete when you click on the X instead of the div background

- [X] Correct delete button color contrast

- [X] Add tooltip to "Meme Me" button

- [X] Mobile responsive layout

- [X] Dark theme

- [X] Auto-focus on form field

- [X] Styling form fields and page

- [ ] 5-10 more random memes for auto generator

- [ ] Animations?