The FunnyVibes!

The Ultimate Destination for Funny Memes

Project Overview

The FunnyVibes is an engaging online platform where users can create, browse, and share their favorite memes. Designed for meme enthusiasts, this platform allows users to upload their own images, create memes with captions, and interact with a thriving community. Users can also categorize memes into fun types such as relatable, dad jokes, and trending topics.

Key Features

1. User Authentication:

   • Sign up, log in, and manage user profiles securely.

2. Meme Creation:

   • Upload images and add captions to create hilarious memes.

3. User Engagement:

   • Like or dislike memes.
   • Leave comments to spark discussions and interact with the community.

4. Sharing Made Easy:

   • Share memes effortlessly on social media platforms.

5. Categorization:

   • Explore memes under various categories like relatable, trending, dad jokes, etc.

Tech Stack

• Frontend: React.js, Tailwind CSS, React Router, Framer Motion
• Backend: Node.js, Express.js
• Database: MongoDB

Installation

1. Clone the repo: bash git clone https://github.com/kalviumcommunity/S76_The_Funny_Vibes.git cd S76_The_Funny_Vibes

2. Install dependencies:

   • Backend: npm install (in the backend directory)
   • Frontend: npm install (in the frontend directory)

3. Start the backend: npm run dev (in the backend directory)

4. Start the frontend: npm start (in the frontend directory)

The FunnyVibes!

The Ultimate Destination for Funny Memes

Project Overview

The FunnyVibes is an engaging online platform where users can create, browse, and share their favorite memes. Designed for meme enthusiasts, this platform allows users to upload their own images, create memes with captions, and interact with a thriving community. Users can also categorize memes into fun types such as relatable, dad jokes, and trending topics.

Key Features

1. User Authentication:

   • Sign up, log in, and manage user profiles securely.

2. Meme Creation:

   • Upload images and add captions to create hilarious memes.

3. User Engagement:

   • Like or dislike memes.
   • Leave comments to spark discussions and interact with the community.

4. Sharing Made Easy:

   • Share memes effortlessly on social media platforms.

5. Categorization:

   • Explore memes under various categories like relatable, trending, dad jokes, etc.

Tech Stack

• Frontend: React.js, Tailwind CSS, React Router, Framer Motion
• Backend: Node.js, Express.js
• Database: MongoDB

Installation

1. Clone the repo: bash git clone https://github.com/kalviumcommunity/S76_The_Funny_Vibes.git cd S76_The_Funny_Vibes

2. Install dependencies:

   • Backend: npm install (in the backend directory)
   • Frontend: npm install (in the frontend directory)

3. Start the backend: npm run dev (in the backend directory)

4. Start the frontend: npm start (in the frontend directory)

Deloyed link :- https://s76-the-funny-vibes-4.onrender.com