me-c0de/bigfods_pwa

Building a website for a cat breeder. Visitors can get information about latest litters, cats for sale, the parents and future matings.

BigfodsPwa

In Development:

bigfods_pwa's Issues

Navbar layout design

Create a design that serves as a future template for a navbar. Note that the following items should be included:

• Katzen und Kittens
• Kater
• Kontakt
• Bleibe

and a logo or something like that of the breeder

Create a component contains informations about the breeder

As a visitor of the website,
I want to have some information about the breeder.

Components should contain a descriptive text about the breeder

Create hero image component

As a visitor of the site,
I want to have a nice appearance.

Provide an image, which looks good and let the visitor know what is this website about. Should be fill the whole screen when entering the website.

In the end the hero-image component should look something like this:

Impressum

Create a contact formular component

As an interested buyer,
I want to contact the breeder and ask some questions about some cats.

The submitted items are:

• name
• mail
• subject
• message

Initially the contact form should look like this:

Determine components for MVP

Determine Angular Components needed for a MVP.

Questions:

• What components do we need ?
• How do we name the different components ? (naming scheme)
• Does this component have child components ?
• What must be the granularity for Angular components ?

Out of Scope:

• Implementation

CICD Pipeline

Make Bootstrap available within the Angular project

Latest Bootstrap components should be able to be used within the Angular project. Thus, the design of the website will be simplified.

Component for lead of cats

As a cat owner,
I am interested how the cats live with the breeder

Component should contain multiple images in different size, adapted to each other, like in the following picture.

Create navbar component

As a visitor I would like to navigate along the page from any point of view

Navbar should always be visible and anchored to the top of the screen.

Navbar contains following items:

• Katzen & Kitten
• Kater
• Bleibe
• Über mich
• Kontakt

In addition, the navbar should contain the word and picture mark of the breeding business

KittenImages

As a cat breeder
I want add, delete, see kitten images
because with every litter there are new kittens

icon notification Auswahl

Datenschutz

Create a component to show the characteristics of a cat

As an interested buyer, I would like to include some basic information about the cats kittens and males

Included child components:

• cat-pic
• description with headline
• picture-carussel
• caption ?

Serves for the presentation of the individual breeding specimens

These should be described in appropriate stories

Concept:

Create a footer component

As a visitor of the website,
I want to have a common place to gather some information about the breeder

This component should contain information in regard of

• company logo and name
• address
• phone number
• mail

and a redirect to the imprint and privacy page

It should look like this: