A Progressive Web App (PWA) for creating memes.

This is a web application that allows users to create memes by adding text to images. The application is built with web technologies such as HTML, CSS, and JavaScript. It uses the Canvas API to draw the meme text on the image. Processing the image and text is done client-side, so no data is sent to any server.

👉 Meme Generator

Some of the key features of the application include creating memes by:

• Selecting an image from your device
• Selecting an image from the web (by URL)
• Selecting an image from the gallery
• Taking a photo with your device's web camera
• Using a solid color as background

The following screenshots show the application in action:

Below are the instructions for setting up the development environment.

• Node.js (v20.x.x)
• npm (v10.x.x)

Clone the repository to your local machine:

git clone [email protected]:georapbox/meme-generator.git

Navigate to the project's directory and install the dependencies:

npm install

To run the application in development mode, run the following command:

npm start -- --open

This will start the development server and open the application in your default web browser.

To build the application for production, run the following command:

npm run build

This will create a dist directory containing the production build of the application.

To deploy the application, run the following command:

npm run deploy

This will build the application first and then deploy it to GitHub Pages in the gh-pages branch.

The MIT License (MIT)