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

• Frontend : React Js
• Backend : Express js
• State Management : Redux Toolkit
• Style : Styled Component
• Database : MongoDB Atlas
• Routing : React Router Dom V6
• Icons : Iconsax React Icons

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

Responsive