https://github.com/rof1yev/messenger-clone

Messenger-clone
https://github.com/rof1yev/messenger-clone

axios bcrypt date-fns imagekitio lodash mongodb next-auth nextjs prisma pusher pusher-js react-icons react-select react-spinners reactjs shadcn-ui tailwindcss typescript zod zustand

Last synced: 3 months ago
JSON representation

Messenger-clone

• Host: GitHub
• URL: https://github.com/rof1yev/messenger-clone
• Owner: rof1yev
• Created: 2024-09-19T08:19:58.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-09-28T07:47:33.000Z (8 months ago)
• Last Synced: 2025-02-23T13:40:16.854Z (3 months ago)
• Topics: axios, bcrypt, date-fns, imagekitio, lodash, mongodb, next-auth, nextjs, prisma, pusher, pusher-js, react-icons, react-select, react-spinners, reactjs, shadcn-ui, tailwindcss, typescript, zod, zustand
• Language: TypeScript
• Homepage: https://rof1yev-messenger.vercel.app
• Size: 786 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Messenger app (real time)

![Authentication page](/public/images/authentication.png)

![Messenges page](/public/images/messenges.png)

## A real-time Messenger clone has been developed using the latest web development technologies.

#### Main features:

- Real-time messaging using Pusher

- Message notifications and alerts

- Tailwind design for beautiful user interface

- Tailwind animations and transition effects

- Fully responsive for all devices

- Authenticate credentials with NextAuth

- Google authentication integration

- Github authentication integration

- File and image upload using Cloudinary CDN

- Validate and handle client form using react-hook-form

- Server error with react-toast

- About the fact that the message has been read

- Online/offline user status

- Group chats and one-on-one messaging

- Message attachments and file sharing

- User profile setup and configuration

- How to write POST, GET and DELETE routes in route handlers (app/api)

- How to get data on the React component server by accessing the database directly (WITH AN API! Like magic!)

- Managing the relationship between Server and Child components in a real-time environment

- Create and manage chat rooms and channels