Demeter - Insurance Angular Applicaion Skeleton

Challenge Overview

A client has requested Topcoder to build new screens for a web application for their insurances products and the backend to support it. It will be made of several parts that will have to be combined.
 

Goal of the challenge

The main goal of this challenge is to design the Workflow microservice.
 

Technology and Frameworks

• Angular 10
• Typescript

 

Individual Requirements

• Create a skeleton Angular application usig the Angular CLI
• Create a Home screen in the main angular module with 6 buttons. Each one will have the following title:
  • Accidentes personales���
  • Proteccion Tarjetas
  • Renta diaria por Hospitalizacion
  • Bicicletas
  • Mascotas
  • Vida Online
• Button will have this color #dd141d. Text will be white and size 20px. Button hover will have this color #c7121a.
• Create 6 placeholder angular modules for each of the titles above. Modules names:
  • accidentes_personales���
  • proteccion_tarjetas
  • renta_hospitalizacion
  • bicicletas
  • mascotas
  • vida_online
• On click of the buttons the app will navigate to respective place holder module
  • ���Present a main page with the title and a back button to return to main page
• ���Create a shared module for common code

Final Submission Guidelines

• Angular application