shahshubh / socialApp-MERN

Social Networking web app similar to Instagram.

socialApp

A Social Networking web app similar to Instagram.

Deployed website

https://sociallappp.herokuapp.com/

Features

• SignUp / SignIn.
• Forgot password.
• Google Oauth Login.
• edit / delete your profile.
• Follow / Unfollow users.
• create / edit / delete posts.
• create / delete comments.
• Like / Unlike posts.
• Personal chat with users.

Demo

Home Page

Comments

Profile Page

Confirm

Chat

Reset Password

To run the project locally

• clone this Repository by git clone https://github.com/shahshubh/socialApp-MERN.git.
• Inside /server directory create a .env file and add these
  • MONGO_URI=your-mongodb-url
  • PORT=8080
  • JWT_SECRET=any-random-string-of-any-length
  • CLIENT_URL=http://localhost:3000
• Inside /client directory create a .env file and add
  • REACT_APP_API_URL=http://localhost:8080
• Change the directory to /server in the terminal and run:
  • npm install
  • node app.js
• Change the directory to /client in the terminal and run:
  • npm install
  • npm start
• Open your browser and enter url http://localhost:3000

Tech Stack of this Project

• Frontend: Reactjs, Bootstrap Material
• Backend: Nodejs
• Framework: Expressjs
• Database: MongoDB