Socialify is a comprehensive web-based social media platform that enables users to document and share their lifestyle experiences. Built using the MERN Stack (MongoDB, Express.js, React.js, and Node.js), it offers a robust and interactive user experience.
- User Authentication: Secure sign-up and login functionalities.
- Profile Management: Users can create and manage their profiles.
- Post Creation: Users can create, edit, and delete posts.
- Like and Comment: Interactive features allowing users to like and comment on posts.
- Feed: A dynamic feed showing posts from all users.
- Search: Functionality to search for users and posts.
- Frontend: React.js, Redux
- Backend: Node.js, Express.js
- Database: MongoDB
- Authentication: JWT (JSON Web Tokens)
- Styling: CSS, Bootstrap
- Node.js: Ensure Node.js is installed.
- MongoDB: Ensure MongoDB is installed and running.
- Git: Version control system to clone the repository.
-
Clone the Repository:
git clone https://github.com/YashNawale26/MERN-Social-Media.git
-
Backend Setup:
- Navigate to the backend directory:
cd MERN-Social-Media/backend - Install dependencies:
npm install
- Create a
.envfile and add your MongoDB URI and JWT secret:MONGO_URI=your_mongodb_uri JWT_SECRET=your_jwt_secret - Start the backend server:
npm start
- Navigate to the backend directory:
-
Frontend Setup:
- Navigate to the frontend directory:
cd ../frontend - Install dependencies:
npm install
- Start the frontend development server:
npm start
- Navigate to the frontend directory:
-
Access the Application:
- Open your browser and go to
http://localhost:3000
- Open your browser and go to
- Sign Up: Create a new account.
- Login: Access your account using your credentials.
- Create Posts: Share your experiences by creating new posts.
- Interact: Like and comment on posts by other users.
- Profile Management: Update your profile information.
Add screenshots of the application to showcase the interface and features.
Contributions are welcome! Please fork the repository and create a pull request with your changes. Ensure that your code follows the project's coding standards and includes appropriate tests.
This project is licensed under the MIT License. See the LICENSE file for more details.
For any questions or suggestions, please open an issue or contact the repository owner.
Replace the placeholder values in the .env file instructions with your actual values, and add relevant screenshots in the "Screenshots" section to make the README more engaging and informative.