Overview:
The Meme Maker is a project built using Next.JS, Supabase, Tailwind, and Fabric.JS. It was created for Supabase’s Hackathon and provides a simplified interface for users to build, export, and share memes. While it may not be maintained after the hackathon, the project allows users to create memes without needing to log in, save memes, and publish them to a community.
Features:
- Template Selection: Choose from pre-defined templates or upload your own image.
- Textboxes: Add and format textboxes to customize your meme.
- Stickers: Enhance your meme with a variety of stickers.
- Layer Adjustment: Easily adjust the layer order of each element.
- Copy/Paste Elements: Convenient feature for duplicating elements on the canvas.
- Save or Export: Save your memes or export them directly to PNG.
- Community Interaction: Allows users to save, publish, and view memes within a growing community.
Installation:
To run the Meme Maker locally, follow these simple steps:
- Clone the repository to your local machine.
- Run
npm install
to install dependencies. - Start the development server by running
npm run dev
. - Access the application on your browser at
http://localhost:3000
.
Summary:
The Meme Maker project is a simple yet functional application that leverages technologies like Next.JS, Supabase, Tailwind, and Fabric.JS to provide users with an easy way to create and share memes. While the project was created for a specific hackathon and may not receive further maintenance, it offers a user-friendly interface for meme creation without requiring users to log in. Additional features that could enhance the project include more templates, editing capabilities for saved memes, community interactions like liking memes, and the ability to add custom images to the editor.