Task Tracker App: A project to learn about how to integrate Astro with Preact

The application will have the following functionalities:

• Adding a task
• Editing a task
• Marking a task as completed
• Deleting a task

At the end of this tutorial, you will learn how to integrate Astro and Preact in a project, how to share state between your Preact components using nanostores, and how to render Preact components in an Astro page

Steps to be followed

1. Project setup
2. Creating a task store
3. Creating Preact components
4. Rendering the Preact components in an Astro page
5. Creating and Updating a task
6. Rendering the tasks
7. Marking a task as complete and removing a task
8. Challenge: Add TailwindCSS