A browser-based todo list app written entirely in TypeScript with strongly typed interfaces, DOM manipulation, and in-page state management.
Follow these steps in order. Each one builds on the previous.
Initialise the project with npm init and install TypeScript
Create tsconfig.json targeting ES6 with strict mode on
Define a Task interface with id, title, and completed fields
Write addTask(), deleteTask(), and toggleTask() functions with full types
Build the HTML structure for the task list
Write a render() function that re-draws the list from state
Compile with tsc and wire up the HTML file
Test add, delete, toggle, and filter interactions
Loading...