uday5252/MERN-Todoapp-Frontend ? reverse-engineered prompt

Build me a simple todo app frontend for a MERN project.

I want a clean React app that lets me add, view, edit, mark complete, and delete todo items. It should feel easy to use on desktop and mobile, with a simple modern layout and clear empty states when there are no todos yet. Please make it work as a frontend that can connect to a backend later, but if needed you can use mock data or local state so the app is usable right away.

Keep the code organized and make the UI responsive and polished. Include basic form validation, loading and error states, and a way to filter todos by all, active, and completed. Use current best practices for a Vite React app, and if you need anything unclear, look up the latest docs online first.