Skip to content
Huynh Duy Phuc, home
Real-time task management

React Trello Clone

A Trello-inspired task manager with boards, lists and cards, drag-and-drop, and changes synchronised in real time over Socket.IO.

Sign-in screen of the React Trello Clone live demo, with email, password and Google sign-in.
Live demo — sign-in screen.
Role
Full-stack developer — personal project
Stack
React, Redux Toolkit, Socket.IO, Express.js, MongoDB

The context

A task management application modelled on Trello: boards, lists and cards.

My role

Built boards, lists and cards with drag-and-drop using dnd-kit.

Integrated Socket.IO so task changes stay in sync across clients.

Implemented JWT-based authentication with cookie sessions.

Implementation

Redux Toolkit for application state; Material UI for responsive layouts and light/dark themes.

Express.js and MongoDB for the API and data persistence.