Value Preposition

As a user
I need to see a button with the content "Was ist Raptoreum?"
to be able to see an explanation about Raptoreum.

Description

The button is part of a list of buttons and when it's clicked an animated answer layer slides in from the left.

Acceptance Criteria

• button has the content "Was ist Raptoreum?"
• it is part of a list of buttons on explanation page
• when it's clicked, an explanation layer slides in from the left

Tasks

• create feature branch raptoreum-explanation
• create a button with the content "Was ist Raptoreum"
• that button will be part of the list of buttons on the explanation page

Value Preposition

As a user
I need to see live updated content in the graph and the text
to be able to get updated information on Raptoreum's current value

Description

Acceptance Criteria

• rendered graph is updated live
• rendered text information is updated live

Tasks

• create feature branch
• fetch data from (Coinbase) api
• render data in component ValueGraph
• render data in component ValueText

Value Preposition

As a user
I need to see a documentation page with a toggleable button
to be able to show and hide cards, that contain information on subjects I'm interested in

Description

Acceptance Criteria

• doc-page has a clickable button "Was ist Raptoreum?"
• clickable button toggles the visibility of an info card with a description of Raptoreum

Tasks

• create feature branch doc-page
• create component ButtonRaptoreum with the text "Was ist Raptoreum?"
• create textbox with information on Raptoreum
• make the button toggleable, showing and hiding the textbox on toggle
• add first styling to the page

Value Preposition

As a user
I need to see an explanation layer sliding in
to be able to get a description of Raptoreum.

Description

The explanation layer needs content, which has to be updated in the explanation data.

Acceptance Criteria

• explanation layer needs a headline
• explanation layer needs text

Tasks

• create feature branch explanation-update
• update data in explanation data
• the new data will be a description of Raptoreum

Value Preposition

As a user
I need to click a navigation button
to be able to see a dropdown navigation menu

Description

Acceptance Criteria

• burger menu button is clickable
• when clicked, it shows a dropdown menu with navigation links to all existing pages

Tasks

• create feature branch
• create component navigation
• add a burger menu button with toggle function to component navigation
• add a dropdown menu to component navigation, that shows NavLinks
• add react router
• add useNavigate

Value Preposition

As a user
I need to see a placeholder for the fetched api data
to be able to understand, that I have to wait for the information to render.

Description

Acceptance Criteria

• dashboard page shows a logo instead of text "is loading", while waiting for the data fetch from api
• the logo has an animated circle around it

Tasks

• create feature branch loading-graphic
• replace one placeholder text with a Raptoreum logo and center it
• replace the other placeholder with an animated colored circle

Value Preposition

As a user
I need to see a news page with a list of news
to be able to stay informed about recent changes around Raptoreum

Description

Acceptance Criteria

• doc-page shows a list of news articles
• the news articles are in chronological order
• chronological order is top-down from the most recent article

Tasks

• create feature branch news-page
• create a link-button on dashboard page (Mehr anzeigen...) to news page
• create data-array with content of news and date-id
• map through the data-array on the dashboard page
• map through the data-array on the news page
• render the articles top-down in chronological order
• add first styling to the page

Value Preposition

As a user
I need to see a responsive design of the app
to be able to use it on different devices.

Description

The design of the app needs to fit desktop and mobile view.

Acceptance Criteria

• the app's design pleases in mobile view
• the apps's design pleases also in desktop view

Tasks

• create feature branch corrections
• add media queries to relevant components for mobile view and 960px+ desktop view
• style the media queries different to fit both mobile and desktop view

Value Preposition

As a user
I need to see a dashboard page
to be able to get information about Raptoreum's recent value and news

Description

Acceptance Criteria

• dashboard page shows a header with logo and title
• dashboard page shows a main with placeholders for graph and text information about the current value of Raptoreum

Tasks

• create feature branch
• create component dashboard-page
• create component header
• place logo in component header
• place title in component header
• create component dashboard
• placeholder image for graph in component dashboard
• placeholder text for current value in component dashboard
• add initial styling to components

Value Preposition

As a user
I need to see a mining tutorial page with a step by step tutorial article
to be able to follow these steps on my system

Description

Acceptance Criteria

• mining-tut page shows a headline
• mining-tut page shows an article with a step by step tutorial
• images used in the tutorial should grow on click and close on close-button (x)

Tasks

• create feature branch mining-tut
• create a headline
• create an article with a tutorial
• each step shows an image to visualize, which has to be embedded in the text
• image has to scale full screen on click on it
• full screen image has a close-button (x)
• close-button (x) closes full screen view of image and returns to the article