😂 MemeHub Project

MemeHub is a fun and interactive platform where users can explore, share, and engage with memes across different categories. Designed for a smooth and modern user experience, MemeHub combines entertainment with community-driven interactions, making meme browsing enjoyable and addictive.

Project Type: Full-Stack

• 🌍 Live

---

🧰 Tech Stack

• Frontend: HTML, CSS, Javascript,
• Backend: Firebase and Firestore
• Authentication: Firebase
• Deployment: Vercel

---

✨ Features

• 🔐 User Authentication: Signup/Login with Firebase authentication.
• 📤 Meme Upload: Upload memes with captions and tags.
• 👍 Upvotes & Comment System: Engage with memes through Upvotes and comments.
• 🏷️ Categories & Tags: Browse memes by tags or categories.
• 🔍 Search Functionality: Find memes using keywords or hashtags.
• 📊 Trending Section: Discover most-liked and popular memes.
• 🤖 AI Meme Creator: Generate memes instantly using AI-powered templates.
• ⚔️ Meme Battle: Compete memes head-to-head, where users vote for the best.
• 🌙 Dark Mode: Switch between light and dark themes.
• 📱 Responsive Design: Works seamlessly on mobile and desktop devices.

---

📂 Project Structure

├──memehub/
│
├── components/
├── css/
├── images/
├── js/
│
├── .gitignore
├── ai-meme-generate.html
├── create-post.html
├── drafts.html
├── index.html
├── login.html
├── meme-games.html
├── meme-of-day.html
├── meme-single.html
├── memer.html
├── my-memes.html
├── profile.html
├── settings.html
└── signup.html
│
└── README.md                   # Project documentation

📸 Screenshots

🏠 Home Page	😂 Meme Upload

🔍 Explore Memes	👤 User Profile