Treasure Map: [Easy - 250 Points] Angular Skill Builder Competition

This is the 250 points Easy level problem of Topcoder Skill Builder Challenge: Angular.
For more challenge context info Register for the Host Competition before submitting a solution to this problem.

Treasure Map

This is the Easy Level with 250 Points Angular Skill Builder Competition about how the story started for our Treasure Hunter.

Treasure hunter preparing the treasure map to pinpoint all potential treasure and the location.

Your task in this challenge, you begin by creating an initial application using the Angular CLI. You’ll modify and extend that starter application to create the Treasure Hunter map.

What do you need to do?

• Learning Material: https://angular.io/tutorial/toh-pt0
• IMPORTANT: Follow the exact naming from challenge descriptions, automated testers will check the exact same values.
• Install angular using angular CLI
• Use the exact app name: topcoder-learning-angular
• Add new libraries for bootstrap & jquery: npm install bootstrap jquery --save
• Then import bootstrap in angular.json file
• There will be 1 section only for this web app with this unique id:

1. Header section

• Use “treasure-header” for the id.
• Use Bootstrap Navbar: https://getbootstrap.com/docs/4.5/components/navbar/
• Use these class: “navbar-expand-lg navbar-dark bg-dark”
• No need include the nav toggler like in bootstrap
• Add h1 with class “navbar-brand” for the title
• Update the the h1 title into “Topcoder Learning Angular Level 1

 

Instructions:

• We have prepared three problems: Easy, Medium, and Hard, which are worth 250, 500, 1000 points respectively. Points are based on the difficulty of the problem.
• The competitions may or may not be related to each other.
• The links to the problems/competitions are provided below.
• Each problem has one single requirement to achieve. We will judge your submission based on the requirement being fulfilled in each problem, so as long as the requirements are met with minimal code quality, you would be rewarded with points for that particular problem.
• Here is the leaderboard with individual problem score and total score across weeks is available.

Problems

1. Easy: 250 Points :: Treasure Map
2. Medium: 500 Points :: 1st Treasure
3. Hard: 1000 Points :: Treasure Chest

Final Submission Guidelines

Submission deliverables