Week 3 - TypeScript

Type System

Interfaces vs Types

Generics

Type inference

Type Unions and Intersections

Function Types and Return Types

Utility Types

Type-Safe API Responses

Type Guards

HTML Element Types

Tooling

Practice

Assignment

• Teachers

Front end Track

Week 3 Assignment

The assignment repository can be found in https://github.com/HackYourAssignment/ with the name cXX-frontend-week-3 (Replace XX with your cohort number).

Task 1

You will work on a browser-based To-Do List application. The app is fully working — but it's written in JavaScript. Your job is to convert it to TypeScript.

To-Do List App Features

• Create tasks with a title and optional description
• Toggle task completion (checkbox + strikethrough)
• Edit tasks inline
• Delete tasks
• Filter by All / Pending / Completed
• Data persists across page refreshes (localStorage)

Submission

Follow the Assignment submission guide to learn how to submit the assignment

The HackYourFuture curriculum is licensed under CC BY-NC-SA 4.0 *https://hackyourfuture.net/*

Built with ❤️ by the HackYourFuture community · Thank you, contributors

Found a mistake or have a suggestion? Let us know in the feedback form.