thesaint225/react-real-time ? reverse-engineered prompt

Build me a simple task tracking app that feels like it is syncing with an external server in real time, kind of like a chat room or shared to do list. I want users to be able to add tasks, mark them done, and see updates appear as if they are coming from a live connection.

Please use React and TypeScript, and make the app rely on useEffect for connecting, syncing, and cleaning up side effects. It should feel like a real app with a loading state, connection status, and a clear way to show when data is refreshing or has changed. If you need to simulate a server, that is fine, just make it behave convincingly.

Keep the UI clean and easy to use, and make sure the code is organized so I can understand how the syncing works. If you need to look up current docs online for anything, go ahead.