Not Instagram

MERN Stack Instagram clone
View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Contact

About The Project

An Instagram clone made using MERN stack immitating various features of Instagram.

Features covered :-

• Login / Signup page clones
• Update profile picture and upload Posts, using Azure Cloud Services
• Search for Registered users via usernames in real time.
• Follow and Following features.
• One on One private Messaging via Socket.io

If you wanna add your taste to the existing application, feel free to fork the repo and just start working on your local machine!

(back to top)

Built With

• 
• 
• 
• 

Other Technologies

• 

(back to top)

Getting Started

Set up the project locally on your system following instructions on setting up your project. To get a local copy up and running, follow these simple steps.

Prerequisites

Installing latest Package Manager

• npm

  npm install npm@latest -g

• yarn

  yarn install yarn@latest -g

Installation

1. Clone the repo

   git clone https://github.com/MrSingh2000/insta_clone.git

2. Installing required packages

   Server

   npm install

   Client

   cd client
   npm install

   Socket Server

   cd socket_server
   npm install

3. Setting up environment variables in .env

   Server side env variables

   JWT_SECRET = 'your_API_key_here'
   MONGODB_URI = 'your_MONGO_URI_here'
   AZURE_SAS_URL = 'your_AZURE_SAS_URL_here'
   AZURE_CONTAINER = 'your_AZURE_CONTAINER_NAME_here'
   AZURE_CONNECTION_STRING = 'your_AZURE_CONNECTION_STRING_here'

   Server side env variables

   REACT_APP_HOST = 'BACKEND_HOST_URL'
   REACT_APP_SOCKET_HOST = 'SOCKET_BACKEND_HOST_URL'

4. Start the application

   server

   node index.js && node socket.js

   client

   npm run start

(back to top)

Contact

(back to top)