Todo App Development
A web application designed to manage user tasks, built following specific project guidelines and technical standards.
Core Features
- Task Management: Users can create, edit, and delete tasks.
- Task Display: Display all tasks with their status (e.g., completed, pending).
- User Interaction: Intuitive UI for adding new tasks and updating existing ones.
Technical Requirements
- Frontend Framework: Next.js or similar for building the UI.
- State Management: Use a state management library like Zustand or Redux.
- Responsive Design: Ensure the app is mobile-friendly using Tailwind CSS or similar.
- Error Handling: Implement proper error handling for user input and API interactions.
Development Guidelines
- Code Quality: Follow best practices for code organization and readability.
- Testing: Include unit tests for critical components and integration tests for workflows.
- Documentation: Maintain clear documentation of the app’s functionality and technical decisions.
Key Technologies:
- Next.js
- TypeScript
- Zustand/Redux
- Tailwind CSS
Overview of .cursorrules prompt
The .cursorrules file provides a structured guideline for building a Todo web application. It specifies the use of certain technologies, including Next.js for the frontend and Supabase for the backend. Other tools in the tech stack include Tailwind, Shadcn, Framer Motion for UI components, Clerk for authentication, and Stripe for payment processing. The file sets clear organizational rules, stating where specific files should be placed, such as components in the /components directory and actions in the /actions directory, along with recommended naming conventions.
