misa-j / Social Network
Licence: mit
Mini social network that I made as my first web app project.
Stars: ✭ 458
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Social Network
Aaronvandenberg.nl
⚛️ Web Developers portfolio build with Gatsby.js & React.js
Stars: ✭ 98 (-78.6%)
Mutual labels: express, realtime, socket-io
Vue Chess
Multiplayer online chess game use Vue , Nodejs, Webpack, Em6, Socket.io, Mongodb, Express
Stars: ✭ 350 (-23.58%)
Mutual labels: mongodb, express, socket-io
Vue Fullstack
vue fullstack template
Stars: ✭ 297 (-35.15%)
Mutual labels: mongodb, express, socket-io
Mern Crud
A simple records system using MongoDB, Express.js, React.js, and Node.js with real-time CRUD operations using Socket.io
Stars: ✭ 493 (+7.64%)
Mutual labels: mongodb, express, socket-io
Batcave
Batcave client is chat app built with Electron and Angular2, Socket.io with RxJS.
Stars: ✭ 114 (-75.11%)
Mutual labels: mongodb, express, socket-io
Spruce
A social networking platform made using Node.js and MongoDB
Stars: ✭ 399 (-12.88%)
Mutual labels: mongodb, express, social-network
Kepler
The open source full-stack geosocial network platform
Stars: ✭ 125 (-72.71%)
Mutual labels: mongodb, realtime, social-network
Nest Angular
NestJS, Angular 6, Server Side Rendering (Angular Universal), GraphQL, JWT (JSON Web Tokens) and Facebook/Twitter/Google Authentication, Mongoose, MongoDB, Webpack, TypeScript
Stars: ✭ 307 (-32.97%)
Mutual labels: mongodb, express
Telepat Api
This is the Telepat API where HTTP calls are made. CRUD operations are not processed here directly. Messages are sent to the Telepat workers where CRUD operations are being taken care of along with client communication (notifications).
Stars: ✭ 335 (-26.86%)
Mutual labels: notifications, realtime
Securing Restful Apis With Jwt
How to secure a Nodejs RESTful CRUD API using JSON web tokens?
Stars: ✭ 301 (-34.28%)
Mutual labels: mongodb, express
Bulletproof Nodejs
Implementation of a bulletproof node.js API 🛡️
Stars: ✭ 4,369 (+853.93%)
Mutual labels: mongodb, express
Nodejs Api Boilerplate
A boilerplate for kickstart your nodejs api project with JWT Auth and some new Techs :)
Stars: ✭ 364 (-20.52%)
Mutual labels: mongodb, express
Nuxt Ssr
✨vue+nuxt+sass+node+express+MongoDB 实现的SSR项目。
Stars: ✭ 323 (-29.48%)
Mutual labels: mongodb, express
Jianshu
仿简书nx+nodejs+nestjs6+express+mongodb+angular8+爬虫
Stars: ✭ 296 (-35.37%)
Mutual labels: mongodb, express
Instaclone
An instagram clone created with the MERN stack
Stars: ✭ 289 (-36.9%)
Mutual labels: mongodb, express
Practicalnode
Practical Node.js, 1st and 2nd Editions [Apress] 📓
Stars: ✭ 3,694 (+706.55%)
Mutual labels: mongodb, express
Rest Api Node Typescript
Building RESTful Web APIs with Node.js, Express, MongoDB and TypeScript
Stars: ✭ 373 (-18.56%)
Mutual labels: mongodb, express
social-network
Mini social network that I made as my first web app project.
Demo
Screenshots
Gif
.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="[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"
- Go into
client/src/_services/socketService.jsand replace
window.location.hostname
with your local IP address on port 5000 eg.
192.168.0.14:5000
- Run project
npm run dev
Contribute
Show your support by ⭐ the project.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].