LinkUp is designed to bring people closer through an intuitive social media experience. Users can create posts with images, interact via likes and replies, and manage their profiles effortlessly. The chat feature offers real-time messaging with seen/unseen indicators, online user information, and notification sounds to ensure a vibrant and engaging community.

Features

• Social Networking:

  • Post text and images, like, reply, and engage with other users' posts.
  • Follow and unfollow users to personalize your feed.

• Real-Time Chat:

  • Private messaging with real-time updates using Socket.IO.
  • Seen/unseen indicators and online status visibility.
  • Suggested users for easy search and connection.

• User Profile Management:

  • Update profile details like name, photo, and other information.
  • Seamless integration with Cloudinary for secure image uploads.

• Notification System:

  • Real-time notification sounds for messages.
  • Stay informed about online users and incoming chats.

Tech Stack

• Frontend:

  • React.js: A dynamic, component-based architecture for fast and responsive UI.
  • Tailwind CSS & Chakra UI: Create modern, responsive designs effortlessly.
  • Recoil: Efficient state management for consistent user experiences.
  • Axios: Simplified HTTP requests for API integration.

• Backend:

  • Node.js: High-performance server-side runtime.
  • Express.js: RESTful API design for robust backend services.
  • Socket.IO: Real-time communication for chat and notifications.

• Database:

  • MongoDB Atlas: A cloud-based NoSQL database for user and post data.
  • Mongoose: Schema-based modeling for MongoDB.

• Image Storage:

  • Cloudinary: Secure and optimized image hosting and delivery.

How It Works

1. User Registration:

   • Sign up and create a profile.

2. Posting & Interaction:

   • Share posts with text and images.
   • Like and reply to other users’ posts.

3. Real-Time Chat:

   • Private messaging with typing indicators and seen/unseen status.
   • Suggested users for easier connections.

4. Profile Updates:

   • Change profile pictures, update personal details, and manage user settings.