mirror of
https://github.com/misa-j/social-network.git
synced 2026-09-16 18:48:47 -07:00
Mini social network that I made as my first web app project.
http://social-network-alb-35209632.eu-central-1.elb.amazonaws.com/login
express
javascript
mern-stack
mongodb
nodejs
notifications
react
realtime
redux
social-network
socket-io
- JavaScript 87.5%
- CSS 7.2%
- Handlebars 4.8%
- HTML 0.4%
| bin | ||
| client | ||
| controllers | ||
| emailViews | ||
| handlers | ||
| middleware | ||
| models | ||
| public/images | ||
| routes | ||
| screenshots | ||
| test | ||
| .gitignore | ||
| app.js | ||
| docker-compose.yml | ||
| Dockerfile | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
social-network
Mini social network that I made as my first web app project.
Demo
Screenshots
Gif
Link to a full video
Built With
- React - A JavaScript library for building user interfaces
- Redux - State managment
- Semantic UI React - UI
- Socket.io - Used for realtime features
- Node - Used for backend
- Mongodb - Database
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
- Install dependencies
npm i && cd client && npm i && cd ..
- 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"
- Go into
client/src/_services/socketService.jsand replace
"/"
with your local IP address on port 5000
127.0.0.1:5000
- Run project
npm run dev
Run with Docker Compose
docker compose up --build
Contribute
Show your support by ⭐ the project.













.gif)