aryandurge/connectsphere

This is my First MERN Stack project developing Social Media Like website which is similar to InstaGram that can be used for the user to post any Picture or message by login and type the message or post they want to make

FullStack "SocioPedia" Social Media App

Build a COMPLETE Fullstack Responsive MERN App with Auth, Likes, Dark Mode | React, MongoDB, MUI

Here's a README file template for your SocioPedia social media app:

SocioPedia is a social media application designed to connect people, share updates, and engage in conversations. It provides a platform for users to create profiles, post content, interact with friends, and discover new connections.

Table of Contents

• Features
• Installation
• Usage
• Technologies Used
• Contributing
• License

Features

• User Authentication: Secure user authentication system allows users to sign up, log in, and log out.
• Profiles: Users can create and customize their profiles, add profile pictures, and update personal information.
• Posts: Users can create, edit, delete, and like posts. Posts can include text, images, videos, or links.
• Comments and Replies: Users can comment on posts and reply to comments, fostering conversations and interactions.
• Friendship: Users can send friend requests, accept or decline friend requests, and view their list of friends.
• Feed: Users have personalized feeds displaying posts from friends and pages they follow.
• Search: Users can search for other users, posts, or pages by name or keywords.

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/sociopedia.git

2. Navigate to the project directory:

   cd sociopedia

3. Install dependencies:

   npm install

4. Set up environment variables:

   • Create a .env file in the root directory.
   • Define the following variables in the .env file:

     PORT=3001
     MONGODB_URI=your_mongodb_uri
     JWT_SECRET=your_jwt_secret
     

Usage

1. Start the server:

   npm start

2. Open your browser and navigate to http://localhost:3001 to access the application.

Technologies Used

• Frontend:

  • React.js
  • Redux
  • Material-UI

• Backend:

  • Node.js
  • Express.js
  • MongoDB
  • Mongoose

• Authentication:

  • JSON Web Tokens (JWT)

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Feel free to customize this README according to your project's specifics and add any additional information you find relevant.