daniloaleixo / calendar-component

A contest to test Angular skills, the challenge here is to create a calendar component.

Avanade Angular Academy by Gama

A contest to test Angular skills, the challenge here is to create a calendar component as shown above.

To access: https://daniloaleixo.github.io/calendar-component/

System architecture

The calendar component was thought to be a component that is going to be used throughout the code, so it's located inside Shared modules (that is a module that will be imported in all modules of the system, holding models, constants, etc).

/shared

  /components

    /calendar-component

Sass architecture

The architecture in CSS is following the 7-to-1 pattern and everything that is exclusive to the component are inside its own scss file (to keep it await from the global CSS).

Component CSS

With its exclusive classes (which are not visible to the rest of the code)

/shared

  /components

    /calendar-component

      /calendar-component.scss

Global CSS

Everything that will be used throught the code

/assets

  /scss

    /base

    /components

    /layout

    /themes

    /utils

    /vendors

Original Contest repo

https://github.com/gamaacademy/gama-avanade-tryout02