Skip to content

Aman1143/Snaply

Repository files navigation

[MERN Social Media App]

image

  • chating image
  • Video chating image

Description

This is a MERN (MongoDB, Express.js, React.js, Node.js) social app that allows users to connect and share content with each other.It also uses yarn for fast compilation and uses cloudnairy for image storation and uses react-redux,redux-toolkit for data globalazation.

Features

  • Dynamic Loading: Only load more posts after viewing of old posts (Infinite scrolling) .
  • MongoDB with connect-mongo-session: MongoDB is used as the database, and connect-mongo-session is used for session management.
  • Peer To Peer chating: Using socket.io and socket.io-client user can chat each other.
  • Peer To Peer video calling: Using socket.io and Peerjs(webrtc) user video chat each other.
  • React Redux: For global state managment .

Installation

To run this app on your local machine, follow these steps:

  1. Clone the repository: clone this repo by git clone https://github.com/Aman1143/Snaply.git

  2. Navigate to the project directory: Navigate to client folder to run client side code.

  3. Install the dependencies for the server and client: run npm i for both client and server

  4. Set up environment variables:

  • Create a .env file in the server directory.
  • Add the necessary environment variables, such as database connection details,clouldnairy credentials, smtp email credentials.
  1. Start the server: start server and client by npm start

  2. Start the client : start server and client by yarn start

  3. Open your browser and visit http://localhost:3000 to see the app in action.

Contributing

Contributions are welcome! If you have any ideas or improvements, please submit a pull request. For major changes, please open an issue first to discuss the changes.

You can contact me for any tips/query anytime .