Real-time chat application

• 

  This is the frontend screen for our chat app from where we have to enter our display name and room name for enter into the chat room.

• 

  This is the screen after entering our details where we can talk to other person and send messages,share location etc.

• 

  This is the screen where other user joined and messages and location are visible to other person in the same chat room.

Inspiration

A chat application makes it easy to communicate with people anywhere in the world by sending and receiving messages in real time and app like WhatsApp,Facebook, etc motivate us and here we create our new one.

What it does

It enables users to instant message and connect with each other through their computers or mobile devices.

How we built it

1. Create a Directory & Install Dependencies
2. Build the Front-End Chat Interface & Chat Client
3. Create and/or Connect the Back End (Chat Server)
4. Prioritize Feature Expansion Based on User Feedback

Challenges we ran into

1. Picking core real-time features
2. Choosing the right tool stack for your messaging service
3. The challenge: Making your chat app stand out
4. Providing top security on cloud communication services
5. Getting actual users and having them stay

Accomplishments that we're proud of

1. Operating reliably, in real-time
2. Ensuring security
3. Increasing chat app engagement
4. Scalability of our chat app

What we learned

1. Cross-Platform Development
2. Authorization
3. Authentication
4. Various tech stacks like nodejs, mongodb, heroku, javascript, GitHub, APIs etc.

What's next for Real-time chat application

1. Implementation of voice & video messages
2. File sharing system
3. Customisable reactions through emojis,stickers,gifs etc.
4. Typing indicators
5. Mentions

Built With

• express.js
• github
• heroku
• javascript
• mongodb
• mongoose
• node.js