A full stack real time chat web app built using .NET Core, SignalR, MongoDB, Typescript, Firebase storage & Next.JS. Optimized for usage on dektop and mobile.
- Client code: https://github.com/mohagras903/RealTimeChatClient
- Server code: https://github.com/mohagras903/RealTimeChatServer
https://rtchatclient.vercel.app/
- Register & Login: with loading and error states.
|
|
|
- Chat Screen Dashboard: Chats, Friend Requests, Friends List. You can start a new chat with a friend by clicking on the friend item in the list.
|
|
- Send new friend request by username:
|
- Friend requests screen: list of requests displayed, each request has the sender's username, photo and the of mutual friends with options to accept or ignore.
|
|
- Change profile photo page: upload new img as the profile photo.
|
- Chats screen: list of chats sorted based on last activity date. Each chat has the last message sent displayed.
|
|
- Chat box: displays the messages sent between the two users in the selected chat. Each message has a time stamp on it (date + time if message not sent today, time only if sent today).
|
|