Iamkartiksaini / MERN_SOCIAL_CHAT_APP

Crafted a Facebook clone with MERN stack, integrating Multer for image uploads, WebSocket for live chat, and notifications, replicating real-time interactions akin to the original platform.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Simple Social Chat App

Overview

This project, dubbed the Simple Social Chat App, is a web application developed using the MERN stack, which stands for MongoDB, Express.js, React.js, and Node.js. It also includes a simple HTML version for basic functionality. The main purpose of this project is to create a social media platform where users can interact with each other through posts, messaging, and friend requests.

Technologies Used

Client/Frontend

  • React: The frontend is primarily built using React.js, a popular JavaScript library for building user interfaces.
  • Axios: Used for making HTTP requests to the backend server from the React application.
  • Simple HTML: Additionally, a simple HTML version is provided for basic functionality, utilizing the fetch API for making requests.

Server/Backend

  • Express: The backend server is built using Express.js, a web application framework for Node.js, providing a robust set of features for building APIs.
  • MongoDB: The database used is MongoDB, a NoSQL database that stores data in flexible, JSON-like documents.
  • Mongoose: Mongoose is used as an Object Data Modeling (ODM) library for MongoDB and Node.js, simplifying interactions with the MongoDB database.
  • CORS: CORS (Cross-Origin Resource Sharing) is integrated to handle cross-origin HTTP requests.

Features

  • User Authentication: Users can create accounts and log in securely.
  • Friend List: Users can add other users to their friend list and message them privately.
  • Account Management: Users can switch between accounts.
  • Post Creation: Users can create posts to share with their friends and followers.
  • Post Management: Users can edit and delete their posts.
  • Post Viewing: Users can view only their own posts.
  • Post Interactions: Users can like posts and view their liked posts list.

About

Crafted a Facebook clone with MERN stack, integrating Multer for image uploads, WebSocket for live chat, and notifications, replicating real-time interactions akin to the original platform.


Languages

Language:JavaScript 84.8%Language:CSS 14.1%Language:HTML 1.2%