GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → shahshubh → socialApp-MERN

shahshubh / socialApp-MERN

Licence: MIT license
Social Networking web app similar to Instagram.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

nodejsmongodbreact-routerreactjssocket-iosocket-io-clientexpressjsjsonwebtokengoogle-loginjwt-authenticationsocial-loginrealtime-messagingprivatechatssocialappcustom-recaptcha

Projects that are alternatives of or similar to socialApp-MERN

task-manager
Task Manager App
Stars: ✭ 19 (-45.71%)
Mutual labels:  expressjs, jsonwebtoken, jwt-authentication
AmigoChat-Realtime-Chat-Application
AmigoChat is a responsive real-time chat application built on MERN Stack and Socket io.
Stars: ✭ 22 (-37.14%)
Mutual labels:  socket-io, expressjs, realtime-messaging
order-service
一个基于vuejs,reactjs,nodejs,socket.io的服务系统
Stars: ✭ 22 (-37.14%)
Mutual labels:  react-router, socket-io, expressjs
React Login
A client side implementation of authentication using react.js for my blog on medium. This is the second part of my previous blog on how to implement scalable node.js server.
Stars: ✭ 105 (+200%)
Mutual labels:  react-router, jwt-authentication
Diagonistician Reactjs Express Mongoose
Question - Answers demo SPA
Stars: ✭ 13 (-62.86%)
Mutual labels:  react-router, jwt-authentication
Chat Buy React
Client for beginners to learn, built with React / Redux / Node
Stars: ✭ 1,026 (+2831.43%)
Mutual labels:  react-router, socket-io
trivin
⚡️Setup your entire project quickly and easily with 1-line command ⚡️
Stars: ✭ 58 (+65.71%)
Mutual labels:  react-router, expressjs
SocketIOSharp
C# implementation of Socket.IO protocol revision 4 client and server.
Stars: ✭ 101 (+188.57%)
Mutual labels:  socket-io, socket-io-client
Universal React Redux
🧐 A sensible universal starter kit for React + Redux
Stars: ✭ 112 (+220%)
Mutual labels:  react-router, expressjs
unite
Microsoft Engage 2021 - Video Conferencing Application
Stars: ✭ 143 (+308.57%)
Mutual labels:  socket-io, realtime-messaging
react-app-simple-chat-app
A Simple Chat Application using MERN stack (MongoDB, Express JS, React JS, Node JS) and Socket.io for real time chatting
Stars: ✭ 41 (+17.14%)
Mutual labels:  socket-io, expressjs
Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+2160%)
Mutual labels:  react-router, socket-io
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+53654.29%)
Mutual labels:  react-router, socket-io
Ssr React
How to server-side render React, hydrate it on the client and combine client and server routes
Stars: ✭ 67 (+91.43%)
Mutual labels:  react-router, expressjs
Judo Heroes
A React application to showcase rendering with Universal JavaScript
Stars: ✭ 373 (+965.71%)
Mutual labels:  react-router, expressjs
Express React Boilerplate
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Stars: ✭ 179 (+411.43%)
Mutual labels:  react-router, expressjs
TvrboReact
Dream starter project: React, Redux, React Router, Webpack
Stars: ✭ 13 (-62.86%)
Mutual labels:  expressjs, jwt-authentication
springboot-graphql-sqqr-jwt-demo
GraphQL java backend representing the right way to authenticate/authorize using Spring boot, graphql-spqr & jsonwebtoken
Stars: ✭ 28 (-20%)
Mutual labels:  jsonwebtoken, jwt-authentication
pothole detection
By using this app users can report the potholes on road by clicking a photo via our app and if a pothole is detected by Machine Learning modal then it is saved to our Database from where officials can view the specifics like location,reported by and official can resolve the request.User are notified by email for every update regarding their request
Stars: ✭ 17 (-51.43%)
Mutual labels:  expressjs, jwt-authentication
timeoff-server
TimeOff is an application that allows companies' employees to set vacations before they begin taking their time off. Implemented in modern tech stack i.e. Node, Express, MongoDB.
Stars: ✭ 33 (-5.71%)
Mutual labels:  react-router, expressjs
View All Similar Projects ➔

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
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].