ZaloLite Clone

My Role: Frontend Developer, DevOps

Contact: tranquanghuyit09@gmail.com

Members size: 4

Technologies Used:

• Frontend: React, Tailwind CSS, Material-UI, Ant Design, Vercel, Cloudinary, Socket.io.
• Backend: Java Spring, WebFlux, JWT, Reactive Mongo, Microservice Architecture.
• Deployment: EC2(BE), Vercel(FE), MongoDB Clusters(DB)

Descriptions:

• Implemented features such as user login and registration, friend requests, direct messaging, and group chat.
• Developed and implemented user-friendly interfaces using ReactJS, ensuring a seamless user experience.
• Styled the application using Tailwind CSS and Material-UI, maintaining consistency and responsiveness across all devices.
• Integrated real-time chat functionality using Socket.io for instant messaging capabilities.

Image Demo

LoginPage

HomePage

ChatPage

FRONT END WEB

Deploy on Vercel:

https://www.zaloweb.click

Vercel’s deployment diagram:

Demo:

Run in web

Run:

`WEB INIT` ``` npm i npm run dev ``` `Login` : ``` http://localhost:5173/auth/login ```

FRONT END APP

npx expo start --port 3005

BACK END

Architectural diagram - Microservice

---

Deploy on EC2(AWS):

Note: The server is currently down.

Technologies Used: Docker-compose, Nginx

Some API & Socket:

http://tranquanghuyit09.website/api/v1/auth/check-uniqueness-phone-number/0000000000

https://tranquanghuyit09.website/api/v1/user/info/26ce60d1-64b9-45d2-8053-7746760a8354

wss://tranquanghuyit09.website/ws/user/26ce60d1-64b9-45d2-8053-7746760a8354

wss://tranquanghuyit09.website/ws/chat/5b685d06-8fbe-4ab7-8053-7746760a8001

API & Data Transfer Object

Xem chi tiết tại enpoint /swagger-index