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/
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
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