User story

As a developer,
I want to I want to set up a JSON-server and routes
so I can start testing with POSTMAN

Description

Notes / Links

https://github.com/typicode/json-server

Acceptance Criteria

• Create db.json
• Add structure to db.json
• Setup routes in order to
• GET
• DELETE
• POST
  ....

User story

As a user
I want to be able to search for any kind of tasting-events.

Description

If time allows, design of further pages will be added.

Notes / Links

https://excalidraw.com/#json=5129613097304064,MME3WG0m9_jofrmREpVx4Q

User story

As a developer
I want to have a proper working environment which is fully deployed
so I can focus on coding

Notes / Links

Setup follows the repository as follows:
https://github.com/lmachens/cra-with-api

Acceptance Criteria

• Create new repo (ReadMe, Gitignore auf norde, MIT License)
• Clone it to local
• Add package.json as project manifest (npm init -y)
• Add prettier
• Add ESLint
• Add eslint-config-prettier
• Add eslint ignore
• Add lint-staged and husky
• Add express server/create server.js
• Add nodemon
• Add create-react-app to client level
• Add client script
• Add dev script/ "concurrently"
• Add API proxy
• Add build script on top-level
• Add storybook and move dependecies
• Build storybook
• Add postinstall script
• Deploy with Heroku and check if deployment works
• Move CI from Heroku to Github

User Story

As a developer,
I want to have a clear design which
I can transfer into code.

Notes / Links

https://xd.adobe.com/view/a750d60b-482c-43f7-ab7f-703396a370f6-f203/screen/89a54f67-c65b-4067-a9ad-6ce21ebabfb8

Acceptance criteria

• Develop the style guide (color, fonts, etc.)
• Develop the loading page
• Develop splash pages
• Develop legal drinking age page
• Develop tasting home page/search page
• Submit the design to review
• Adapt design to reviewers' comments

User story

As a developer,
I want create a GlobalStyles.css and write all main colors/fonts
so I have a general template and I don't have to got nuts with CSS.

Notes / Links

Acceptance Criteria

• Add color scheme
• Add font Archivo Black
• Add font Roboto
• Add basic sizing

User story

As a developer
I want to get rid of superfluous files, folders and code
so I have a better overview of my project

Description

Notes / Links

Acceptance Criteria

• Adapt App.js starter-code
• Delete superfluous css files and imports
• Fix App.test.js
• Fix storybook
• Delete logo.svg

User story

As a user
I want to have some kind of welcome page,
so I can get a first imagination of what the app offers

Description

Notes / Links

Acceptance Criteria

• Add footer
• Add text
• Add Icon

User story

As a
I want to
so I can

Description

Notes / Links

Acceptance Criteria

• [ ]
• [ ]
• [ ]
• [ ]
• [ ]

User story

As a user
I want to have a search function
so I can filter for specific events.

Description

Notes / Links

Acceptance Criteria

• Link to search results page
• [ ]
• [ ]
• [ ]
• [ ]

User story

As a user,
I want to see different lists of tasting events
so I can get an overview.

Description

Notes / Links

Acceptance Criteria

• For your Taste List
• By beverage / by country list
• Click footer icon --> change color
• Improve border icons

User story

As a user
I want to have a simple navigation menu
so I can easily navigate myself through the tasting-app

Description

Notes / Links

Acceptance Criteria

• Write footer component in storybook
• Deal with hover effect

User story

As a user
I want to have a page that shows me my upcoming tasting-events, past, and cancelled ones
so I can keep track of my tasting-events,

Description

If time allows, design of further pages will be added.

Notes / Links

https://excalidraw.com/#json=5129613097304064,MME3WG0m9_jofrmREpVx4Q

User story

As a user
I want to see something nice while the app is loading
so I can get a first impression of the app.

Description

Notes / Links

Acceptance Criteria

• Add brand name
• Add brand logo
• Add Global Styles

User story

As a user
I want to navigate from the event-homepage to a specific event
so I can see details of a specific event

Description

If time allows, design of further pages will be added.

Notes / Links

https://excalidraw.com/#json=5129613097304064,MME3WG0m9_jofrmREpVx4Q

User story

As a user,
I want to see different types of TastingEvent-Lists,
so I can get a quick and structured overview over the different types of tastings.

Description

Notes / Links

Acceptance Criteria

• Import EventCard
• Create array with multiple EventCards
• Enable horizontal scrolling

User story

As a user
I want to see on the Tasting-Homepage Tasting-Cards
so I can have an overview over different tastings

Description

Notes / Links

https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date

Acceptance Criteria

• Add background image
• Add layer over background image
• Add title of event
• Add day, date, month

User story

As a user
I want to be able to navigate from a specific tasting event to checkout
so that I can actually buy and participate at a certain tasting.

Description

If time allows, design of further pages will be added.

Notes / Links

https://excalidraw.com/#json=5129613097304064,MME3WG0m9_jofrmREpVx4Q

User story

As a developer
I want to have the optimal working environment
so I can code smoothly.

Description

Setup will be complemented in this step.

Acceptance Criteria

• Install react-router (client level)
• Install @emotion (client level)
• Install prop-types (client level)
• Install react-query (client level)
• Install dotenv (top-level)
• Install node-fetch (top-level)

User story

As a user
I want to be sure that the drinks app follows legal drinking age rules
so I can be sure that this is a reliable app.

Description

Notes / Links

Acceptance Criteria

• Add footer
• Add header
• Add body where user decides between legal dirnking age: yes or no
• Add page, when clicked no

User story

As a user
I want to have a search/filter-option
so I can search for specific tastings

Description

Notes / Links

Acceptance Criteria

• Add header
• Add search-box as component in storybook
• Add search-icon
• Style borders

User story

As a
I want to to have a EventDetailsPage
so I can get more information about one event.

Description

Notes / Links

Acceptance Criteria

• Add EventDetailsheader
• Add EventDetails
• Add participation button

User story

As a user,
I want to have a SearchResults-Page
so I can see the tasting events I am looking for

Description

Notes / Links

Acceptance Criteria

• Searchbar in header
• Back button
• Cancel button
• EventCard (Search result)
• Join Button (Part of search result)
• Footer with respective Icons