https://github.com/mlhiter/messenger

A chat application,simple and fully-functional.
https://github.com/mlhiter/messenger

chat messenger real-time tutorial

Last synced: 3 months ago
JSON representation

A chat application,simple and fully-functional.

• Host: GitHub
• URL: https://github.com/mlhiter/messenger
• Owner: mlhiter
• Created: 2023-11-09T01:54:25.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-11-25T03:00:39.000Z (over 2 years ago)
• Last Synced: 2025-10-10T04:33:50.786Z (6 months ago)
• Topics: chat, messenger, real-time, tutorial
• Language: TypeScript
• Homepage: https://messenger-mlhiter.vercel.app
• Size: 634 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Messenger

> Base in a tutorial project from antonio(I admire most),and it will go further.

>

Its a chat application,simple and fully-functional.

![image-20231125104805181](https://raw.githubusercontent.com/mlhiter/typora-images/master/202311251048346.png)

### Key Feature:

- Real-time messaging

- Sleek UI

- Full responsiveness for all devices

- Credential authentication and integration

- File and image upload

- Message read receipts

- Online/offline user status

- Group chats and one-on-one messaging

- User profile customization and settings

### Technolgy stack：

- React、NextJS -> Basic framework

- Tailwind CSS->CSS framework

- Prisma ->Node.js and Typescript ORM

- MongoDB->Document-oriented database

- Headlessui->Unstyled UI components

- React-hook-form->Form solution

- Next-auth->Authentication

- Cloudinary->Image Upload

- Pusher->Realtime Messaging

- react-hot-toast->Toast

- React-icons->Icon sets

- Zustand->State management solution