{"id":25763665,"url":"https://github.com/nisabmohd/instagram-mern","last_synced_at":"2026-04-06T06:33:16.764Z","repository":{"id":62147422,"uuid":"551789451","full_name":"nisabmohd/Instagram-mern","owner":"nisabmohd","description":"I've developed a MERN-based Instagram clone, offering users a platform to sign up, post pictures, follow others, like, comment, and explore a feed, mirroring Instagram's key functionalities.","archived":false,"fork":false,"pushed_at":"2023-01-23T12:48:10.000Z","size":17403,"stargazers_count":21,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-18T20:29:36.450Z","etag":null,"topics":["clone","clone-app","express","firebase","firebase-storage","frontend","fullstack-javascript","instagram","instagram-clone","material-ui","mern","mongodb","nodejs","open-source","reactjs","socket-io"],"latest_commit_sha":null,"homepage":"https://instaclonexyz.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nisabmohd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-10-15T05:05:04.000Z","updated_at":"2025-09-13T15:03:18.000Z","dependencies_parsed_at":"2023-02-12T23:16:19.505Z","dependency_job_id":null,"html_url":"https://github.com/nisabmohd/Instagram-mern","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/nisabmohd/Instagram-mern","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nisabmohd%2FInstagram-mern","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nisabmohd%2FInstagram-mern/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nisabmohd%2FInstagram-mern/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nisabmohd%2FInstagram-mern/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nisabmohd","download_url":"https://codeload.github.com/nisabmohd/Instagram-mern/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nisabmohd%2FInstagram-mern/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31463014,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"online","status_checked_at":"2026-04-06T02:00:07.287Z","response_time":112,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clone","clone-app","express","firebase","firebase-storage","frontend","fullstack-javascript","instagram","instagram-clone","material-ui","mern","mongodb","nodejs","open-source","reactjs","socket-io"],"created_at":"2025-02-26T20:18:05.258Z","updated_at":"2026-04-06T06:33:16.749Z","avatar_url":"https://github.com/nisabmohd.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"﻿# Instagram-mern\r\nThis Instagram clone is made with React, Node, MongoDB .\r\n\r\n\r\n## Prerequisites\r\nMake sure you have installed all of the following prerequisites on your development machine:\r\n* Git - [Download \u0026 Install Git](https://git-scm.com/downloads). OSX and Linux machines typically have this already installed.\r\n* Node.js - [Download \u0026 Install Node.js](https://nodejs.org/en/download/) and the npm package manager. If you encounter any problems, you can also use this [GitHub Gist](https://gist.github.com/isaacs/579814) to install Node.js.\r\n\r\n\r\n## Cloning The GitHub Repository\r\nThe recommended way to get this repo clone is to use git to directly clone the repository:\r\n\r\n```bash\r\n$ git clone https://github.com/nisabmohd/Instagram-mern.git\r\n```\r\n\r\n## Environment variables React setup \r\ncreate .env file in frontend/src\r\n```\r\nREACT_APP_API_URL=http://localhost:8000\r\nREACT_APP_GOOGLE_OAUTH_REDIRECT_URL=http://localhost:8000/auth/google/oauth\r\nREACT_APP_GOOGLE_CLIENT_ID= {google auth client id}\r\n\r\n```\r\n## Environment variables Node setup \r\ncreate .env file in backend\r\n```\r\nPORT = {port number}\r\nMongo_URI= {your mongo uri}\r\nJWT_Secret= {jwt secret}\r\nJWT_Refresh_Secret= {jwt refresh secret}\r\nCLIENT_URL=http://localhost:3000\r\nemail=userzyx01@xyz.com\r\npassword=1skjsnksdsd\r\nclientid={google auth cclientid}\r\nclientsecret={google auth client secret}\r\nredirect_url=http://localhost:8000/auth/google/oauth\r\n\r\n```\r\n\r\n\r\n## Running Your Application\r\n\r\nopen terminal/bash in this repo and enter below commands to start the application\r\n\r\n\u0026#8594; To start the server\r\n```bash\r\n$ cd frontend\r\n$ node server.js\r\n```\r\n\r\n\u0026#8594; To start the client app\r\n```bash\r\n$ cd client\r\n$ npm start\r\n```\r\n\r\n\r\n\r\n* Your client application should run on port 3000 with the *development* environment configuration, so in your browser just go to [http://localhost:3000](http://localhost:3000)\r\n\r\n* Your server application should run on port 8000, so in your browser just go to [http://localhost:8000](http://localhost:3000)\r\n\r\n\u003cbr\u003e\r\n\r\n\u003cimg src=\"./images/login.png\"\u003e\r\n\u003cimg src=\"./images/home.png\"\u003e\r\n\u003cimg src=\"./images/story.png\"\u003e\r\n\u003cimg src=\"./images/chat.png\"\u003e\r\n\u003cimg src=\"./images/explore.png\"\u003e\r\n\u003cimg src=\"./images/profile.png\"\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnisabmohd%2Finstagram-mern","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnisabmohd%2Finstagram-mern","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnisabmohd%2Finstagram-mern/lists"}