A task management application that allows users to create, organize, and filter tasks using a modern, responsive UI built with React.
Note: This application is intended for demonstration purposes only and is not meant for production use.
- Task Management: Create, complete, and delete tasks
- Task Tags: Organize tasks with customizable tags
- Task Lists: Create multiple lists with custom filters
- List Filters: Filter tasks by tags or completion status
- Animations: Smooth transitions and animations using Framer Motion
- Responsive Design: Works on desktop and mobile devices
- React: Modern React with functional components and hooks
- Tailwind CSS: Utility-first CSS framework for styling
- Framer Motion: Animation library for React
- Vite: Fast, modern build tool and development server
- Vitest: Testing framework compatible with Vite
- Node.js (v18+)
- npm (v10+)
-
Clone the repository:
git clone https://github.com/yourusername/todo-app-attestations.git cd todo-app-attestations -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open http://localhost:3000 to view the app
npm start- Start the development servernpm test- Run tests with Vitestnpm run build- Build for productionnpm run preview- Preview the production build locally
The application uses React Context for state management:
- TaskContext: Manages tasks state and operations (add, toggle, delete)
- TagContext: Manages tags and their relationships with tasks
- ListContext: Manages task lists and filtering logic
The application features several key components:
- TaskList: Renders a list of tasks
- TaskItem: Renders an individual task
- TaskBoard: Manages multiple task lists
- TagManager: Interface for creating and managing tags
- GlobalTaskForm: Form for creating new tasks
- ListAddTask: Form for adding tasks to specific lists
- TaskListConfig: Interface for configuring task lists
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
