https://github.com/knguyen-1411/chat-app

Real-time Messaging Application with Next.js and Firebase.
https://github.com/knguyen-1411/chat-app

cook fir firebase-auth firebase-database material-ui nextjs react sass tailwindcss typescript

Last synced: 4 months ago
JSON representation

Real-time Messaging Application with Next.js and Firebase.

• Host: GitHub
• URL: https://github.com/knguyen-1411/chat-app
• Owner: KNguyen-1411
• License: other
• Created: 2024-09-21T12:29:41.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-10-16T04:36:30.000Z (7 months ago)
• Last Synced: 2024-11-19T06:19:55.435Z (6 months ago)
• Topics: cook, fir, firebase-auth, firebase-database, material-ui, nextjs, react, sass, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 1.59 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Chat App

**Chat App** là một ứng dụng nhắn tin được phát triển bằng Next.js phiên bản 14.2.14 và Firebase, sử dụng công nghệ mới nhất của Next.js.

Ứng dụng tích hợp các thư viện hỗ trợ như Material UI, Tailwind và Sass để tạo ra giao diện đẹp mắt và phong cách.

_Dự án được viết bởi Khánh Nguyên_

**Ngoài ra** còn có chatapp phiên bản thử nghiệm được viết bằng React js + vite và scss được thêm vào.

## Tính Năng

-   **Đăng nhập dễ dàng**: Hỗ trợ đăng nhập qua tài khoản Google hoặc Facebook, cũng như bằng tài khoản Gmail và mật khẩu đã đăng ký.

-   **Tạo phòng nhắn tin**: Người dùng có thể tạo phòng nhắn tin mới và thêm bạn bè thông qua lựa chọn hoặc bằng ID cá nhân.

-   **Quản lý thành viên**: Xem danh sách thành viên trong phòng, xóa phòng và xóa thành viên khi cần.

-   **Nhắn tin trực tiếp**: Gửi và nhận tin nhắn theo thời gian thực, mang đến trải nghiệm trò chuyện mượt mà.

## Công Nghệ Sử Dụng

-   React 18

-   Next.js 14.2.11

-   Firebase 10

-   Tailwind

-   Material UI

-   Material Icons

-   Sass 1.78

-   React Hook Form

-   Cookies Next

## Hình Ảnh Minh Họa

**Page Login**  

![Login page](public/login.png)  

**Page Sign Up**  

![Sign Up page](public/signup.png)  

**Page Home**  

![Home page](public/home.png)  

**New Room**  

![New Room](public/newroom.png)  

**In Room**  

![Room](public/room.png)  

**Add Member**  

![Add Member](public/addmenber.png)  

**Room Detail**  

![Room Detail](public/roomdetail.png)

## Tải Về

Để sử dụng cục bộ, bạn có thể làm theo các bước sau:

```bash

npm install

yarn dev

```

-   Bạn phải có file env chứa key của firebase

## Liên hệ

-   Mọi phản hồi liên hệ đến Khánh Nguyên

## Giấy Phép

Dự án này được cấp phép theo Giấy phép MIT. Xem tệp LICENSE để biết chi tiết.

    Hoàn thành 21/9/2024

_Cảm ơn bạn đã xem qua Chat App! Chúng tôi hy vọng bạn thấy nó hữu ích và thú vị. Chúc bạn lập trình vui vẻ!_