Meme Lab

A web app that allows you to create a meme through an image and text.

(Next Version)

Users authenticated can save their memes and view them later in their profile page and the global feed.

Features

• Create a meme through an image and text.
• Download image on computer.
• Add text to the image.
• Generate meme through AI.
• Real time edit of the image.
• Share meme on social media.

(Next Version)

• View all memes in the global feed.
• View a meme.
• Ability to like and comment on a meme.
• Ability to save a meme.
• Ability to delete a meme.

Tech Stack

• Next.js
• Tailwind CSS
• Shadcn UI
• Supabase
• Lucide Icons
• OpenAI

Getting Started

First provide the environment variables in the .env.local file.

cp .env.example .env.local

Edit the .env.local file with the correct environment variables.

Install the dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Run the development server:

pnpm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.