Skip to content

reaperdragon/instagram-mern

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Instagram Clone

Built with Node js, Express js, Mongoose(Object Modeling for MondgoDB), React Js.

Functionalities

  • Follow User, UnFollow User.
  • Search Users.
  • Following User Posts.
  • Create Post.
  • Update UserProfile.
  • JWT Authentication.
  • Comment on Post.
  • Like UnLike on Posts.

Tech

Installation

Clone

  • Clone this repo with url https://github.com/Aakrut/instagram-mern
Setup

Install npm dependencies using npm install

$ npm install && cd client && npm install

Set up a MongoDB database either locally or provision a free database with MongoDB Atlas

Create a free Cloudinary account

Create a .env file in the root directory

Set up required environment variables.

MONGO_URI=Your_MONGO_URL
JWT_SECRET=YOUR_SECRET_KEY
JWT_LIFETIME=TIME

CLOUDINARY_CLOUD_NAME=CLOUD_NAME
CLOUDINARY_API_KEY=API_KEY
CLOUDINARY_API_SECRET=CLOUD_SECRET_KEY

In the root directory run both the backend and the front end with the following command

npm start

Screenshots

Web

Home Page

Explore Page

Search User

Post Page

Profile Page

User Page

Post Details & Messages Page

Responsive

Home Page

Explore and Search Page

Post Page

Profile Page