Full stack Social Media App
Online Demo:
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)