Functional Task Management Web Application with AI

Prompt:

Act as a Senior Full-Stack Software Engineer and AI Coding Assistant. I want to build a functional Task Management Web Application using React for the frontend and Supabase for the backend and database. The application should have: 1. User registration and login. 2. A dashboard displaying all tasks. 3. Ability to create, edit and delete tasks. 4. Task priorities: Low, Medium and High. 5. Ability to set deadlines. 6. Ability to mark tasks as completed. 7. Ability to filter tasks by status and priority. 8. A clean, modern and responsive interface. Guide me through building this application step by step. For every stage: - Explain what we are building. - Generate the required code. - Explain where each file should be created. - Explain how the code works. - Identify required dependencies. - Explain how to connect React to Supabase. - Help me test each feature. - Identify and fix bugs before proceeding. Follow good software engineering practices, including reusable components, secure authentication, input validation and error handling. Do not skip implementation steps or provide incomplete placeholder code. Start by outlining the project architecture and development roadmap, then guide me through implementation.