PolyState
You can see this word-site at https://learntech.blog
Technical details
- Estimated work-time (in hours): 24
- Number of pages: 7
- Browser Support: Tested on: Chrome, Edge,Firefox, Safari. According to Angular 18 documentation, many more: https://v18.angular.dev/refer
- Responsiveness and/or adaptability: It is responsive. It is progressive enhanced. It is adaptive.
- Validity: HTML valid. CSS valid. Accessibility valid.
Additional utilities that have been used
- Preprocessors: - SASS -
- CSS libraries for layout: grid, flex
- Frameworks: Angular
- Fonts: Google Fonts: Lato
- Other: Angular 18, Typescript 5.5.4, Angular modules:animations, material, router, translate modules, reactive javascript:rxjs,
Optimization elements
- HTML structure: Separate CSS from JS files.
- CSS libraries for layout: HTML. CSS.
- Images: Fonts for Icons. - -
- Other: Introduced caching at nginx level for a better response time (caching was used on labels, styling and images).
Other details
- Responsiveness elements: Fully responsive(Flexbox and Grid). Parallax effects. Adaptive menu (desktop:navbar;mobile:navbar&bottom sheet)
- Personal contributions: Personal contributions: I collected from family and friends their perspectives on the researched word. Remarkable definition of "State": A state is a fleeting moment, a snapshot in the ever-changing flow of life. Everything we experience, from emotions to physical conditions, exists as a transient state, reminding us that change is the only constant.