https://github.com/nisabmohd/instagram-mern
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.
https://github.com/nisabmohd/instagram-mern
clone clone-app express firebase firebase-storage frontend fullstack-javascript instagram instagram-clone material-ui mern mongodb nodejs open-source reactjs socket-io
Last synced: 10 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/nisabmohd/instagram-mern
- Owner: nisabmohd
- License: mit
- Created: 2022-10-15T05:05:04.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-23T12:48:10.000Z (almost 3 years ago)
- Last Synced: 2025-02-19T13:56:01.953Z (11 months ago)
- Topics: clone, clone-app, express, firebase, firebase-storage, frontend, fullstack-javascript, instagram, instagram-clone, material-ui, mern, mongodb, nodejs, open-source, reactjs, socket-io
- Language: JavaScript
- Homepage: https://instaclonexyz.vercel.app/
- Size: 16.6 MB
- Stars: 18
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Instagram-mern
This Instagram clone is made with React, Node, MongoDB .
## Prerequisites
Make sure you have installed all of the following prerequisites on your development machine:
* Git - [Download & Install Git](https://git-scm.com/downloads). OSX and Linux machines typically have this already installed.
* Node.js - [Download & 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.
## Cloning The GitHub Repository
The recommended way to get this repo clone is to use git to directly clone the repository:
```bash
$ git clone https://github.com/nisabmohd/Instagram-mern.git
```
## Environment variables React setup
create .env file in frontend/src
```
REACT_APP_API_URL=http://localhost:8000
REACT_APP_GOOGLE_OAUTH_REDIRECT_URL=http://localhost:8000/auth/google/oauth
REACT_APP_GOOGLE_CLIENT_ID= {google auth client id}
```
## Environment variables Node setup
create .env file in backend
```
PORT = {port number}
Mongo_URI= {your mongo uri}
JWT_Secret= {jwt secret}
JWT_Refresh_Secret= {jwt refresh secret}
CLIENT_URL=http://localhost:3000
email=userzyx01@xyz.com
password=1skjsnksdsd
clientid={google auth cclientid}
clientsecret={google auth client secret}
redirect_url=http://localhost:8000/auth/google/oauth
```
## Running Your Application
open terminal/bash in this repo and enter below commands to start the application
→ To start the server
```bash
$ cd frontend
$ node server.js
```
→ To start the client app
```bash
$ cd client
$ npm start
```
* 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)
* Your server application should run on port 8000, so in your browser just go to [http://localhost:8000](http://localhost:3000)
