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 installSet 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_URLJWT_SECRET=YOUR_SECRET_KEYJWT_LIFETIME=TIMECLOUDINARY_CLOUD_NAME=CLOUD_NAMECLOUDINARY_API_KEY=API_KEYCLOUDINARY_API_SECRET=CLOUD_SECRET_KEYIn the root directory run both the backend and the front end with the following command
npm startScreenshots
Web
Responsive
