Awesome Open Source
Awesome Open Source

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="[email protected]"
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.


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,511,581
Reactjs (72,660
Nodejs (53,816
Mongodb (14,131
Redux (13,053
Express (11,208
Socket Io (3,409
Real Time (2,680
Notifications (2,669
Social Network (1,539
Mern Stack (895
Related Projects