Welcome to Friends-Flock a social media web application repository! This project is built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. And add real time chat facility using Socket.io
This web application aims to provide users with a platform to connect, share, and interact with others in a social media environment. Users can create accounts, post updates, follow other users, like and comment on posts, and more.
- User Authentication: Users can sign up, log in, and securely authenticate their accounts.
- Profile Management: Users can edit their profiles, update profile pictures, and manage account settings.
- Posts: Users can create, edit, and delete posts. They can also like and comment on posts.
- Follow System: Users can follow other users to see their posts in their feed.
- Real-time Updates: The application provides real-time updates for new posts, likes, comments, and follows.
- Frontend: React.js, Tailwind CSS
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JSON Web Tokens (JWT)
- Real-time Updates: Socket.io
Here are some screenshots of our social media web application:
To set up this project locally, follow these steps:
- Clone the repository:
git clone <repository-url> - Install frontend dependencies:
npm install - Set up environment variables from the
.env.example - Start the development server:
npm run dev - Navigate to the backend directory:
cd backend - Install dependencies:
npm install - Set up environment variables from the
.env.example - Start the development server:
npm run dev - Navigate to
http://localhost:<port-number>in your browser.
We welcome contributions from the community! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch:
git checkout -b feature/<feature-name> - Commit your changes:
git commit -am 'Add new feature' - Push to the branch:
git push origin feature/<feature-name> - Submit a pull request.
This project is licensed under the MIT License.
For any inquiries or support, feel free to contact us at [email protected].