Meme Generator

A Progressive Web App (PWA) for creating memes.

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.

Features

Create a meme with 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

Screenshots

Development

Below are the instructions for setting up the development environment.

Prerequisites

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

Installation

Clone the repository to your local machine:

git clone git@github.com:georapbox/meme-generator.git

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

npm install

Running the application

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.

Building the application for production

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.

Deployment

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.

License

The MIT License (MIT)