Skip to content
This repository has been archived by the owner on Jun 10, 2022. It is now read-only.

manikandanraji/instaclone-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Instaclone Frontend

NOTE: As of 10-06-2022 19:49 IST, I am archiving this repository. It was fun while it lasted.

Instagram clone using MERN stack.

This is the frontend repo built with React. If you are looking for the backend repo, click here

Core Packages

  1. React Router (for routing)
  2. Styled Components (for styling)
  3. React Toastify (for toast-notifications)

Global state management is taken care of by React Context API. For image uploads, instaclone uses Cloudinary.

Running Locally

At the root of the project, you should have a .env with the following contents

REACT_APP_BACKEND_URL=<your_backend_url>
REACT_APP_CLOUDINARY_URL=https://api.cloudinary.com/v1_1/<cloud_name>/upload

Then run npm i && npm run start to see the instaclone in action

UI

Home

Home

Explore

Explore

Followers

Followers

Profile

Profile

Edit Profile

Edit Profile

New Post

New Post

About

Instagram clone using MERN stack

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published