How ajeanesilva/portif-lio works
This is a single-page Angular portfolio. A visitor loads the application and views its profile, biography, skills and project highlights, certificates, values, and contact information; the page also provides navigation and visual effects. The sampled root component imports and composes these sections. README content is Angular CLI boilerplate, so product capabilities are inferred from the source tree and sampled components; unsampled templates and components limit certainty about detailed interactions.
Main entry points: app.component.ts Portfolio page · reveal-on-scroll.directive.ts Scroll reveal · main.ts Angular bootstrap · home.component.ts Profile introduction
Components 13
Application shell
- Angular bootstrap
src/main.ts - Portfolio page
src/app/app.component.ts - Navigation header
src/app/header/header.component.ts - Page footer
src/app/footer/footer.component.ts
Portfolio content
- Profile introduction
src/app/pages/home/home.component.ts - About profile
src/app/pages/about/about.component.ts - Skills highlights
src/app/pages/skills/skills.component.ts - Certificates
src/app/pages/certificados/certificados.component.ts - Professional values
src/app/pages/values/values.component.ts - Contact information
src/app/pages/contact/contact.component.ts
Visual interactions
- Scroll reveal
src/app/pages/shared/directives/reveal-on-scroll.directive.ts - Animated background
src/app/pages/shared/background-shader/background-shader.component.ts
Other components
- Visitor
Connections 15
- Visitor → Angular bootstrap: opens portfolio
- Angular bootstrap → Portfolio page: bootstraps
- Portfolio page → Navigation header: renders
- Portfolio page → Page footer: renders
- Portfolio page → Profile introduction: renders
- Portfolio page → About profile: renders
- Portfolio page → Skills highlights: renders
- Portfolio page → Certificates: renders
- Portfolio page → Professional values: renders
- Portfolio page → Contact information: renders
- Portfolio page → Animated background: renders
- Profile introduction → Scroll reveal: uses directive
- Skills highlights → Scroll reveal: uses directive
- Certificates → Scroll reveal: uses directive
- Professional values → Scroll reveal: uses directive