Full stack Social Media App

Online Demo:

https://social.yinte.cloud/

Frontend Source Code:

https://github.com/benjamin5252/social-app-frontend

Backend Source Code:

https://github.com/benjamin5252/social-app-backend

Function:

Register、Login、Logout (restAPI + cookie)
Add posts with picture upload (restAPI)
Compress picture frontend (frontend file modification)
Edit user info (restAPI)
ChatBox (websocket)
Follow and unfollow (restAPI)

Tech used:

Frontend: Typescript、Vite、React、Material UI、@tanstack/react-query、axios、websocket
Backend: TypeScript、NodeJs, ExpressJs, MySQL, websocket
Deploy: GCP compute engine + Docker (Backend + Database), Frontend (Github page), DNS (CloudFlare)