Skip to content

bhupeshpr25/memegen

Repository files navigation

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 account

Supported Operating Systems

This project should work on the following operating systems:

  • Linux
  • Windows
  • macOS

Build Instructions

1. Clone the repository:

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

2. Navigate to the project directory:

  cd memegen

3. Install dependencies

  pnpm install

4. Environment Variables

Create a .env file in the root directory of your project and add your imgflip credentials

Example .env file:

  VITE_IMGFLIP_USERNAME=your_username
  VITE_IMGFLIP_PASSWORD=your_password

5. Run the extension

  • Run the development command
  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
  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