Angular Portfolio

This is another version of the website you are currently browsing.
This website uses Google's Angular Framework and Github's GitPages hosting services.
Link: davidy804.github.io

Component Data

All the data on the site is being pulled from separate components.
Looking at this image, the title, image, description, and link are all being pulled from an array and being called using a shared service function.

HTML of Projects component

This shows how the data is being called.
None of the data is hardcoded into the html.
The "*ngIf" function is used to decrease clutter and increase scalability.

Typescript of Projects component

This shows that the data is being pulled from different files.
Those files being ProjectService, ProjectModel, and ProjectItems.
The reason for all the routing on this site is to increase scalability.

Back to Projects