This app allows users to create an account via google auth. Registered users are able to add friends using email address. If other users accept friend request, you can communicate with them. There are two types of messages. TEXT and FILE. If you want to send message, you can select friend from friends section on sidebar and enter your text using input that located bottom right side of screen. After typing your message you can send it pressing the arrow button. If you want to upload image, you can press green plus icon located between chat input and send button. When you select image to upload, preview will be displayed. You can cancel sending via pressing x button on top right side or you can send it by pressing send button on bottom right side. After sending message, you can delete your messages by pressing red trash bin icon below the message.
https://chat-app-ruby-three.vercel.app
- Google Authentication
- Add Friends
- Real time communication
- Framework: Next.js
- Language: Typescript
- Styling: Tailwindcss
- Database: PostgreSQL
- Prisma
- Axios
- Pusher
- Formidable
- Cloudinary
- React Query
- Redux Toolkit
- Zod
- React Hook Form
