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)