GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → manikandanraji → Instaclone Frontend

manikandanraji / Instaclone Frontend

Instagram clone using MERN stack

Programming Languages

javascript
184084 projects - #8 most used programming language

Instaclone Frontend

Instagram clone using MERN stack.

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

Check out the deployed site

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].