Loopspace is a feature-rich social media web application built using the MERN stack (MongoDB, Express.js, React, and Node.js). It provides users with a platform to connect, share updates, and engage with each other through posts, comments, and likes. The application offers a seamless and interactive user experience, leveraging the power of modern web technologies.

1. User Authentication: Secure sign-up and login with JWT authentication.
2. User Profiles: Create and customize user profiles with bio, profile picture, and personal details.
3. Posts: Create, edit, delete, and view posts with text and images.
4. Comments and Likes: Engage with posts by adding comments and likes.
5. Real-Time Notifications: Get real-time updates for likes, comments, and new followers.
6. News Feed: View a dynamic feed of posts from users you follow.
7. Search Functionality: Find and connect with other users through search.
8. Responsive Design: Fully responsive design for optimal viewing on desktops, tablets, and mobile devices.

1. Clone the repository:

   git clone https://github.com/YESIMGOD/LoopSpace.git
   

2. Navigate to the project directory:

   cd loopspace
   

3. Install dependencies:

   • Server dependencies:

     cd server
     npm install
     

   • Client dependencies:

     cd ../client
     npm install
     

4. Set up environment variables:

   • create a .env file in the server directory the following variables:

     MONGO_URI=your_mongodb_connection_string
     JWT_SECRET=your_jwt_secret
     CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
     CLOUDINARY_API_KEY=your_cloudinary_api_key
     CLOUDINARY_API_SECRET=your_cloudinary_api_secret
     

5. Run the application:

   • Start server:

     cd server
     npm start
     

   • Start client:

     cd ../client
     npm start
     

1. Sign Up/Login: Create a new account or log in with existing credentials.
2. Create Profile: Customize your profile with a bio and profile picture.
3. Make Posts: Share your thoughts and photos with your followers.
4. Engage: Like and comment on posts from other users.
5. Follow Users: Follow other users to see their posts in your feed.
6. Notifications: Stay updated with real-time notifications for interactions.

• Thanks to the open-source community for the tools and libraries used in this project.
• Inspired by popular social media platforms that connect people worldwide.