snap

A Simplified full stack social media MERN app

visit live app

A Social Media App Clone

📋 Table of Contents

1. 🤖 Introduction
2. ⚙️ Tech Stack
3. 🔋 Features
4. 🤸 Quick Start
5. 🕸️ Assets & Code
6. 🚀 More

🤖 Introduction

Built with the React and Nodejs, this project replicates a social media App. It enables users to securely log in, create posts with images, search for friends and add friends.

⚙️ Tech Stack

• React
• JavaScript
• Mui
• ReactRedux
• Mongodb
• Jwt

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/subho30666/snap.git
cd snap

Installation

Install the project dependencies using npm:

cd server
npm install
cd client
npm install

Set Up Environment Variables

Create a new file named .env in the server folder and add the following content:

# MongoDB connection string
MONGO_URL=your_mongo_url

# The port your server will listen on
PORT=3001

# Secret key for JWT signing and verification
JWT_SECRET=your_jwt_secret_key

Replace the placeholder values with your actual mongodb URl and jwt secret key of your choice.

Running the Project

cd server
npm start
cd client
npm run dev 

Open http://localhost:5173 in your browser to view the project .