Thor - Angular Application Part 2

Project Context

The client has one web application created with old Angular version. We need to help the client to create a new project with Angular 9 and PXBlue 2.0.
 

Challenge Context

This is the 2nd UI challenge of this project. First UI challenge is here.

In this challenge, we are going to ccreate Timeline and Docs pages of Thor Power Xpert application.
 

Technology Stack

• Angular 9
• TypeScript
• NodeJs 12+
• PXBlue 2.0

Individual Requirements

• Work on https://gitlab.com/eaton-topcoder/ui
• Unlike other frontend challenges, there’s no storyboard provided. Instead, one implementation guide is provided. You need to follow the screenshot guidance to create pages.
• Create Timeline page.
• Create Docs page.
• Must include Responsive design of Desktop, HMI and Tablet on these following sizes and the zoom level supports from 75% to 120%:
  • 10” - 1024 x 600 pixels
  • 15” – 1366 x 768 pixels
  • 21” – 1920 x 1080 pixels
  • Support 75% - 120% zoom
• Please follow existing codebase structure and styles.

Note:

• Existing legacy codebase is provided for reference.
• There should be no ESLint errors.
• No tests is needed.

Final Submission Guidelines

Git patch file