Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/georapbox/meme-generator
A Progressive Web App (PWA) for creating memes.
https://github.com/georapbox/meme-generator
generator meme-generator meme-maker memes
Last synced: 3 days ago
JSON representation
A Progressive Web App (PWA) for creating memes.
- Host: GitHub
- URL: https://github.com/georapbox/meme-generator
- Owner: georapbox
- License: mit
- Created: 2019-02-16T17:17:03.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-12-02T07:59:02.000Z (25 days ago)
- Last Synced: 2024-12-17T14:06:53.888Z (10 days ago)
- Topics: generator, meme-generator, meme-maker, memes
- Language: JavaScript
- Homepage: https://georapbox.github.io/meme-generator/
- Size: 25.6 MB
- Stars: 66
- Watchers: 4
- Forks: 25
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Meme Generator
A Progressive Web App (PWA) for creating memes.
## About
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](https://developer.mozilla.org/docs/Web/API/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.
## Live demo
👉 [Meme Generator](https://georapbox.github.io/meme-generator/)
## Features
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
## Screenshots
The following screenshots show the application in action:
## 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:
```sh
git clone [email protected]:georapbox/meme-generator.git
```
Navigate to the project's directory and install the dependencies:
```sh
npm install
```
### Running the application
To run the application in development mode, run the following command:
```sh
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:
```sh
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:
```sh
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)](https://github.com/georapbox/meme-generator/blob/master/LICENSE)