ifahrentholz / dva-showcase

DVAG EDS Showcase

DVAG Showcase

This is a showcasde project in Edge Delivery Serices for DVAG.

Pages

1. Vorsorge Page: https://main--dva-showcase--ifahrentholz.hlx.live
2. Vermögensberater Page: https://main--dva-showcase--ifahrentholz.hlx.page/vermoegen-berater

Environments

• Preview: https://main--dva-showcase--ifahrentholz.hlx.page/
• Live: https://main--dva-showcase--ifahrentholz.hlx.live/

Installation

npm i

Linting

npm run lint

Local development

1. Create a new repository based on the aem-boilerplate template and add a mountpoint in the fstab.yaml
2. Add the AEM Code Sync GitHub App to the repository
3. Install the AEM CLI: npm install -g @adobe/aem-cli
4. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
5. Open the {repo} directory in your favorite IDE and start coding :)

dva-showcase's Issues

Optimize performance

Optimize performance to reach 100 points in web vitals performance score.

google map with contact

Create the google map component form https://www.dvag.de/benjamin.rube/index.html

The footer of this page has a 2 row section one is with the google maps component the other one is with the contacts section

fix empty space in diagram

lottie animation

Create the lottie animation component form https://www.dvag.de/benjamin.rube/index.html

accordion

create a accordion component from https://www.dvag.de/benjamin.rube/index.html

the used one is c11-accordion accordion

Add also the text title if necessary otherwise it's only added in the google doc .

Create article stage block

Create a block that contains the component diva-m-articel-stage.
Important:

• the Markup should be 1:1 to source page

improve a11y

vermögensberater - fix styling errors (empty spaces etc)

Remove non related files

Remove non related componets and block

social share block

vb stage

Create the vb stage component form https://www.dvag.de/benjamin.rube/index.html

sidekick library

contact section

Create the contact section form https://www.dvag.de/benjamin.rube/index.html

The footer of this page has a 2 row section one is with the google maps component the other one is with the contact section

Create this section in the google doc or by creating a own block. Look for the better suited solution.

bar component section

Create the bar component form https://www.dvag.de/benjamin.rube/index.html

c01d teaser

Create the c01d-teaser from component form https://www.dvag.de/benjamin.rube/index.html

Keep in mind that a teaser block allready exist
Think of a matching name for this teaser, in needed rename the other one as well but if so then also rename the blocks in the doc as well.

Note!: The images disappeared during area screenshot

index - fix styling errors (empty spaces etc)

vb about me

Crete the vb about me component from https://www.dvag.de/benjamin.rube/index.html

Note!: The images on the right disappeared during area screenshot

quicklink

Create the quicklink component from https://www.dvag.de/benjamin.rube/index.html

whats next section

Create the whats next section from https://www.dvag.de/dvag/wichtig-fuer-sie/vorsorge/attraktive-zusatzleistungen-vom-arbeitgeber-nutzen-bav-und-bkv.html.

ideside if you need a new block for the 3 image sectoin or you just implement it with the base blocks in google doc

teaser block createtion

Create the teaser block c19-cta, along with CSS data. Ensure to check the modifier. The modifier should be light, weight, none, etc., not the full name. Make a difference between the modifier class and the block modifier. The background should also be set from the author.

rating teaser slider

Create the rating teaser slider component form https://www.dvag.de/benjamin.rube/index.html

recommendation bar

Create the recommendation bar from https://www.dvag.de/benjamin.rube/index.html