This is a Todo List application developed with Angular 18, designed to help users manage their tasks effectively. The application allows users to create, update, delete, and mark tasks as completed, providing a seamless user experience.
This application was built based on the Udemy course Curso de Angular 15: Do Iniciante ao Especialista by Marcos Naves. It showcases the practical application of Angular features such as component architecture, services, and local storage management.
- Create Todo Items: Add new tasks with titles and descriptions.
- Edit Tasks: Modify existing tasks with ease.
- Delete Tasks: Remove tasks from your list when they are no longer needed.
- Mark as Completed: Easily toggle the completion status of tasks.
- View Completed Tasks: Separate view for completed tasks.
- Restore Tasks: Restore completed tasks back to the main list.
- Angular 20
- TypeScript
- Angular Material for UI components
- Local Storage for data persistence
- Clone this repository:
git clone <repository-url>
- Navigate to the project directory:
cd <project-folder>
- Install the dependencies:
npm install
- Start the development server:
npm start
Navigate to http://localhost:4200/ in your browser to see the application. The application will automatically reload if you change any of the source files.
Note: Ensure you have an updated version of Node.js installed on your machine. You can verify your Node.js version with:
node -v