A modern, fast, and user-friendly platform for sharing and discovering memes. Built with Next.js 15, Firebase, and TypeScript.

• 📱 Fully responsive design
• 🖼️ Support for images and videos
• 🔒 Google authentication
• 👍 Voting system
• 🔗 Shareable direct links
• ⚡ Real-time updates
• 🌙 Modern UI with subtle animations

• Frontend Framework: Next.js 15 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Backend/Database: Firebase
  • Firestore for data
  • Storage for media files
  • Authentication for users
• Icons: Lucide Icons
• Deployment: Vercel

1. Clone the repository:

   git clone https://github.com/Lonli-Lokli/meme-it.git

2. Install dependencies:

   cd meme-it
   npm install

3. Create a .env.local file with your Firebase configuration:

   NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
   NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id

4. Run the development server:

   npm run dev

• Browse Memes: Visit the homepage to see all memes
• Upload: Click the "+" button to upload a new meme
• Vote: Sign in to vote on memes
• Share: Each meme has its own shareable link
• Direct Links: Authenticated users can share direct media links

Contributions are welcome! Please feel free to submit a Pull Request.

This project is licensed under the MIT License - see the LICENSE file for details.

If you find this project helpful, consider buying me a coffee!

• GitHub: @Lonli-Lokli