Skip to content

shahshubh/socialApp-MERN

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

65 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

demovideo

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