Animated Checklist

This is a simple React application that demonstrates an animated checklist using Tailwind CSS and Framer Motion.

Features

• An animated checklist with a progress bar
• A list of tasks that can be checked and unchecked
• A visual effect when all tasks are checked

Getting Started

To get started with this project, follow these steps:

1. Clone the repository
2. Install dependencies using npm install
3. Start the development server using npm run dev
4. Open your browser and navigate to http://localhost:5173

Technologies Used

• React
• TypeScript
• Vite
• Tailwind CSS
• Framer Motion

Usage

To use this project, simply add tasks to the DEFAULT_ITEMS array in src/App.tsx. Each task should have an id, text, and checked property. The id should be a unique string, the text should be the task name, and the checked property should be a boolean indicating whether the task is checked or not.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for more information.