Type alias for objects in Typescript - Mini Project: Build & Apply

Type Alias for Objects in TypeScript

📖 Scenario: You are building a simple contact list app. Each contact has a name and an email.To keep your code clean and easy to understand, you want to create a type alias for the contact object.

🎯 Goal: Create a type alias called Contact for an object with name and email properties, then create a variable using this type and print the contact's details.

📋 What You'll Learn

Create a type alias called Contact with name and email as string properties

Create a variable called myContact of type Contact with name 'Alice' and email '[e-mail]'

Print the contact's name and email using console.log

💡 Why This Matters

🌍 Real World

Type aliases help keep code organized and clear when working with objects like user profiles, settings, or data records.

💼 Career

Understanding type aliases is important for writing clean, maintainable TypeScript code in many software development jobs.

1

Create the Contact type alias

Create a type alias called Contact for an object with two string properties: name and email.

Typescript

// Your code here

Need a hint?

Use the type keyword followed by the alias name and an object shape with properties.

2

Create a variable of type Contact

Create a variable called myContact of type Contact and assign it an object with name set to 'Alice' and email set to '[e-mail]'.

Typescript

type Contact = {
  name: string;
  email: string;
};

// Your code here

Need a hint?

Use const myContact: Contact = { name: 'Alice', email: '[e-mail]' };

3

Print the contact's name and email

Use console.log to print the contact's name and email from the myContact variable in the format: Name: Alice, Email: [e-mail].

Typescript

type Contact = {
  name: string;
  email: string;
};

const myContact: Contact = {
  name: 'Alice',
  email: '[e-mail]'
};

// Your code here

Need a hint?

Use a template string with backticks and ${} to insert variables.

4

Run the program to see the output

Run the program and observe the output printed to the console.

Typescript

type Contact = {
  name: string;
  email: string;
};

const myContact: Contact = {
  name: 'Alice',
  email: '[e-mail]'
};

console.log(`Name: ${myContact.name}, Email: ${myContact.email}`);

// Your code here

Need a hint?

The console should show the contact's name and email exactly as formatted.