Skip to content

misa-j/social-network

Repository files navigation

social-network

Mini social network that I made as my first web app project.

Demo

social-network

Screenshots

Gif

Link to a full video

Video

Built With

Features

  • Like posts, comments, replies
  • See likes for posts, comments, replies
  • Follow, unfollow
  • Update user information
  • Search users
  • Tag people on post and in comments with autocomplete
  • Send verification email
  • Pagination for home feed, user profile, hashtag page, location page, notifications, comments, replies

Realtime

  • Get notification when someone likes your post, comment, reply, tag you on post or reply on comment
  • Chat send text message, image
  • Seen feature and activity status of user

Installing

  1. Install dependencies
npm i && cd client && npm i && cd ..
  1. Create variables.env file and replace values with yours
NODE_ENV=development
DATABASE="Mongodb Connection String"
JWT_KEY="secretkey"
EMAILUSER="example@gmail.com"
EMAILPASS="example"
HOST="your ip eg. http://192.168.0.14:5000"
ENABLE_SEND_EMAIL="true or false" // false if you don't want to set it up
TEST_DATABASE="testing db"
  1. Go into client/src/_services/socketService.js and replace
window.location.hostname

with your local IP address on port 5000 eg.

192.168.0.14:5000
  1. Run project
npm run dev

Contribute

Show your support by ⭐ the project.