Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hamzoo0/mehfil
Mehfil: A modern social media platform designed to connect users, share content, and foster online communities. Built with MERN stack , it features user profiles, real-time interactions, and an engaging interface.
https://github.com/hamzoo0/mehfil
express html mern-stack mongodb nodejs react tailwindcss
Last synced: about 1 month ago
JSON representation
Mehfil: A modern social media platform designed to connect users, share content, and foster online communities. Built with MERN stack , it features user profiles, real-time interactions, and an engaging interface.
- Host: GitHub
- URL: https://github.com/hamzoo0/mehfil
- Owner: HAMZOO0
- License: mit
- Created: 2024-08-12T08:23:51.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-15T06:35:57.000Z (3 months ago)
- Last Synced: 2024-09-16T01:14:19.491Z (3 months ago)
- Topics: express, html, mern-stack, mongodb, nodejs, react, tailwindcss
- Language: JavaScript
- Homepage: https://mehfil-social-media.vercel.app/
- Size: 2.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Mehfil - Social Media Application
**Mehfil** is a full-stack MERN social media application designed to offer a seamless and engaging social experience. This is the beta version of the application, and your feedback is highly appreciated!
## 🚀 Live Demo
You can explore the live demo of Mehfil here: [Mehfil - Live Demo](https://mehfil-social-media.vercel.app/)
## 📂 GitHub Repository
Check out the code and contribute to the project on GitHub: [Mehfil - GitHub Repository](https://github.com/HAMZOO0/Mehfil)
## 🛠 Features
The app includes a wide range of features:
- 🔐 **Authentication**: Secure user sign-in and registration
- 📰 **Social Feed**: View and interact with posts from other users
- 📱 **Responsiveness**: Fully optimized for mobile and desktop views
- 💼 **State Management**: Efficient state handling with Redux
- 🔧 **Supabase as a Backend Service**: Scalable backend support
- 🔄 **Realtime Data Updates**: Stay updated with live changes
- ✍️ **Creating Posts, Likes, and Comments**: Engage with content easily
- 📥 **Fetching Posts, Likes, and Comments**: Seamlessly retrieve data
- 📝 **Rich Text Editor**: Enhanced text formatting for posts
- ✏️ **Update or Delete Posts and Comments**: Manage your content
- 🔔 **Live Notifications**: Get instant updates on interactions
- 👤 **User Profile**: Personalize and manage your profile
- 📜 **Pagination**: Efficiently navigate through content
- 📂 **File Uploading (Images/Videos)**: Share media with ease
- 📤 **Media Sharing**: Share your files across the platform
- 🖼️ **Image Caching**: Improved performance for image-heavy content
- 🖌️ **Using SVG Icons**: Crisp and scalable icons for UI
- 📱🖥️ **Cross-Platform Compatibility**: Works seamlessly on Android, iOS, and web## 🛠 Technologies Used
- **Frontend:** React.js, Tailwind CSS
- **Backend:** Node.js, Express.js
- **Database:** MongoDB
- **Real-Time Updates:** Supabase
- **State Management:** Redux
- **Hosting:** Vercel## 📚 How to Get Started
### Prerequisites
Make sure you have the following installed:
- Node.js and npm
- MongoDB (for local development)### Installation
1. Clone the repository:
```bash
git clone https://github.com/HAMZOO0/Mehfil.git
```
![screenshot-rocks (2)](https://github.com/user-attachments/assets/55c0eb75-be40-481f-adeb-88d67fbe6a1a)
![screenshot-rocks (3)](https://github.com/user-attachments/assets/5581fef1-cffc-43eb-8ce9-b822f24b57b9)
![screenshot-rocks](https://github.com/user-attachments/assets/c35bab37-e3f3-472d-85c1-4029d3cf9329)
![screenshot-rocks (1)](https://github.com/user-attachments/assets/a0e1348b-6de9-4717-8a6e-7a0141d4eba5)