https://github.com/mauriciogirardi/chat

Chat in real time
https://github.com/mauriciogirardi/chat

Last synced: about 12 hours ago
JSON representation

Chat in real time

• Host: GitHub
• URL: https://github.com/mauriciogirardi/chat
• Owner: mauriciogirardi
• License: mit
• Created: 2024-02-23T20:57:44.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-13T14:21:42.000Z (8 months ago)
• Last Synced: 2024-03-13T15:37:38.744Z (8 months ago)
• Language: TypeScript
• Homepage: https://chat-girardi.vercel.app/
• Size: 883 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

  
Chat



## About the project

The project was also created with the aim of practicing the implementation of Socket.io, improving skills and understanding of communication technologies in real time.

Create a real-time communication platform, offering a variety of features and functionalities for users. CLERK authentication is implemented to ensure security in the user registration and login process. Upon logging in, users have access to a list of all registered users in the application, enabling them to initiate individual or group conversations.

Users have the ability to customize their profiles, including adding profile pictures, creating and editing groups. They can view the count of unread messages in their chat list, making it easier to prioritize conversations. The integration of Socket.io provides a real-time chat experience, allowing for immediate sending and receiving of messages.

Additionally, the system includes advanced features such as typing animation to indicate when a user is typing a message, and read receipts to indicate when messages have been read by the recipient. These combined features offer a robust and dynamic platform for communication and collaboration among users.

## Layout Dark

![alt text](.github/images/image.png)

![alt text](.github/images/image-3.png)

![alt text](.github/images/image-4.png)

![alt text](.github/images/image-6.png)

## Layout Light

![alt text](.github/images/image-1.png)

![alt text](.github/images/image-2.png)

![alt text](.github/images/image-5.png)

## Backend

[backend](https://github.com/mauriciogirardi/chat-api)

## Todo

- [x] Implement CLERK Authentication for sign-up and sign-in.

- [x] Logged in users will be able to see all the list of users who registered in the application

- [x] If any user want to chat with other user , they have to add the user to chats list

- [x] Users can create one-to-one chat and also group chats.

- [x] Users can able to update their profile picture , create groups , edit groups.

- [x] Users can see unread messages count in chats-list for every chat.

- [x] Integrating socket io in-order to make all the chat functionalities real time.

- [x] Once the socket io is integrated , users will be able to send and receive the messages in real-time.

- [x] Recipient users can see the typing animation if any user is typing in that chat.

- [x] Read Receipts functionality for the messages.

- [ ] Add unit tests.

- [x] Separate the back-end from the front-end.

- [ ] Encrypt the messages