Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bhupeshpr25/memegen

meme generator extension for firefox and chrome
https://github.com/bhupeshpr25/memegen

chrome-extension firefox-addon meme memes svelte vite

Last synced: 7 days ago
JSON representation

meme generator extension for firefox and chrome

Awesome Lists containing this project

README

        


memegen

This is a web extension for Chromium and Firefox browsers that allows users to generate memes using trending templates.






Chrome Web Store




Firefox add-ons


### screenshots


Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4

## Build Requirements

- Node.js (v14 or later)
- pnpm (v6 or later)
- Firefox browser
- Git
- [imgflip](https://imgflip.com/) account

## Supported Operating Systems

This project should work on the following operating systems:

- Linux
- Windows
- macOS

## Build Instructions

#### 1. Clone the repository:

```bash
git clone https://github.com/bhupeshpr25/memegen.git
```

#### 2. Navigate to the project directory:

```bash
cd memegen
```

#### 3. Install dependencies

```bash
pnpm install
```

#### 4. Environment Variables

Create a `.env` file in the root directory of your project and add your [imgflip](https://imgflip.com/) credentials

Example `.env` file:

```plaintext
VITE_IMGFLIP_USERNAME=your_username
VITE_IMGFLIP_PASSWORD=your_password
```

#### 5. Run the extension

- Run the development command

```bash
pnpm dev
```

- This wil open the firefox browser in developer mode

- Click on the extension in the extension menu to run

#### 6. Build the extension

- Run the build command

```bash
pnpm build
```

- This will update the `dist` folder in the root directory with the necessary changes

## Troubleshooting

### Copy not working?

#### Reason

On some firefox browsers, this feature might be turned off by default.

#### Fix

1. Visit the `about:config` page
2. Search for `dom.events.asyncClipboard.clipboardItem` flag
3. Set it to true

### License

This software is released under the terms of the [MIT License](https://github.com/bhupeshpr25/memegen/blob/main/LICENSE)