Skip to content

Gapshap is a Hindi word meaning chitchat. As the name indicates, Gapshap is chatting(room/lobby) application implemented using socket.io and Reactjs

Notifications You must be signed in to change notification settings

agarwalamn/gapshap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gapshap

Lets chat🤫

A chatting application made while learning socket.io. Checkout on netlify

It was learning experience for me as I got to learn so many new things like :

  • Socket.io
  • CORS(cross-origin resource sharing) [ as i was stuck in error due to it]
  • Transaction between react and express
  • Basic concepts of NODE.JS

Packages/libraries/frameworks used 🛃

Server side :

  1. Express
  2. Node.js
  3. Socket.io
  4. cors [ solve the problem related to cross-origin resource sharing ]
  5. nodemon [ to make hot reloads ]

Client side :

  1. Reactjs
  2. react-router-dom
  3. react-emoji [for adding emoji ]

Hosted on :

  • Heroku [ Server ]
  • Netlify [ Client ]

Preview🧐

image

Future Goals🤠

  • Add feature to see users in lobby
  • Implement localStorage in React to store messages.
  • Add backend to store user information
  • Make android app [ using React Native most probably ]
  • try to implement read receipt and user is typing

Built with ❤️ by agarwalamn

About

Gapshap is a Hindi word meaning chitchat. As the name indicates, Gapshap is chatting(room/lobby) application implemented using socket.io and Reactjs

Topics

Resources

Stars

Watchers

Forks