lebkuchencj/pryces

pryces's Issues

Basic Set-Up

User Story

As a user,
I want to create a basic set-up,
so I can work smoothly on my project.

Description

#Material

Done

• npm install
• Initial commit
• Deinstall styelint (?)
• Adapt readme file
• Install nodemon

Login / Sign up Button

User Story

As a user,
I want to have sign up button,
so I can submit my login in data.

Description

#Material

Done

• Create component stories
• Create styling and onclick effect
• Pass Parameters for multiple use

Complete Routes

User Story

As a programmer,
I want to connect my frontend to mongoDB,
so I can stable connection between front- & backend.

Description

#Material

Done

• Connect product routes
• Connect supermarket routes
• ...

Connection to mongoDB

User Story

As a programmer,
I want to connect my project to mongoDB,
so I can add and store my date in database.

Description

#Material

Done

• Setup mongoDB
• Connect (!?)
• (...?)

Add delete option

User Story

As a User,
I want to delete my lists,
so I can have them removed after finishing my shopping.

Description

#Material

Done

• Create delete overlay
• Add open/close state for ovelay
• Connection to API(?)

Header Styling

User Story

As a Programmer,
I want to adapt the header styling,
so I can have nicer layout.

Description

#Material

Done

• Get rid of img margins
• Delete outside click hook (?)
• [ ]

Global Variables

User Story

As a programmer,
I want to set more global variables,
so I can reuse over multiple components.

Description

#Material

Done

• Set variables for border radius
• Set var for box shadow
• [ ]

Header w menu

User Story

As a programmer,
I want to create a header element,
so I can use it to navigate through the pages.

Description

#Material

Done

• Header container
• Basic navigation w link to other pages
• pop-in function (?)

Overflow issue and UL/LI issue

User Story

As a programmer,
I want to fix my missing overflow and map lists as UL/LI,
so I can ****.

Description

#Material

Done

• Find and fix overflow problem
• Rename grovery list tags to UL and LI tags
• (...)

Global Responsive screening

User Story

As a user,
I want to have responsive layout,
so I can view the app on diffrent screens.

Description

#Material

Done

• Remove button border :focus / :active

Adapt list component

User Story

As a programmer,
I want to adjust the current list components,
so I can adapt to my design.

Description

#Material

Done

• Add icons
• Add creation date
• Add item count (?)
• Add styling and padding (!)

Core Structre

User Story

As a programmer,
I want to setup my core structre,
so I can display the basic foundation and work based on that.

Description

#Material

Done

• Add Main screen with routes
• Write basic route setup
• Connect routes to main screen
• Npm emotion core
• Basic Styling

Adapt List Detail View

User Story

As a programmer,
I want to implement styling to my detailed list,
so I can create a better UX.

Description

#Material

Done

• Adapt styling as in home.js
• Implement FAB and overlay
• Add shoppig cart button

Input overlay

User Story

As a programmer,
I want to create and input form overlay,
so I can a visual differentiation between adding and viewing.

Description

#Material

Done

• Move element to a own component
• Create transparent background to full screen size
• Style text
• Insert icon

Compare-page

User Story

As a User,
I want to compare my products,
so I can shop at the cheapest supermarket.

Description

#Material

Done

• Add supermarket example data
• Add "go to compare page" button
• Compare function based on product id

Compare Sorting

User Story

As a User,
I want to see the supermarkets grouped,
so I can see the cheapest one on top.

Description

#Material

Done

• implement sorting to supermarkets based on end-price
• + products available?
• (...)

Sign In Page

User Story

As a user,
I want to sign in/up,
so I can have my own private lists.

Description

#Material

Done

• Handle password hashing
• Implement UserIds and list ids
• (...)

FAB

User Story

As a programmer,
I want to create a floating action button,
so I can use it to add lists and products.

Description

#Material

Done

• Add fixed position to button
• Add styling and icon
• Add params to re-use it

Rating

User Story

As a user,
I want to see the rating of supermarkets,
so I can shop at the best rated.

Description

#Material

Done

• Implement rating structure
• Add icons
• implement icons

List Item

User Story

As a programmer,
I want to have a product add function,
so I can create shopping list with items.

Description

#Material

Done

• Add an example array of products
• Create fetch api to products
• Implement search function with display option
• Add selected products to list component

Placeholder missing

https://github.com/JonasImm/pryces/blob/58cf554ecd9cb92278beb631ac4f506b62eb6280/client/src/components/SignUpForm.js#L73-L80

Missing placeholder in datepicker :)

Login Form Styling

User Story

As a user,
I want to have nice login form,
so I can enter this wonderful app.

Description

In this step I want to focus on styling only as passing and verifying data will be after connection to mongoDB

#Material

Done

• Create responsiveness
• Enter Google effect (placeholder to label display)
• [ ]

Display Product Catergories

User Story

As a user,
I want to see the products grouped by category,
so I can have a nicer easier to follow overview.

Description

#Material

Done

• Fetch and remap product lists based on category
• Re-Map category based products to component
• [ ]

List Component

User Story

As a programmer,
I want to Implement a list component,
so I can Create a list which I want to use in further progress.

Description

#Material

Done

• Setup a basic input field
• Display entered value below input field
• Add hooks
• Container for multiple lists
• Create components
• Create route for list item
• Basic design

Global Styling

User Story

As a programmer,
I want to add global styling,
so I can have my basic design implemented.

Description

#Material

Done

• Add global styles file
• Connect global styles to app.js
• Write global styles into file from design

Login

User Story

As a programmer,
I want to create a login page,
so I can log into the app as private user.

Description

Material

Done

• Input field
• connection to database
• Auth. security

Sign Up Form

User Story

As a progammer,
I want to design my signup form,
so I can have nice visual page for later useage.

Description

In this step I want to focus on styling only. As passing the data will be after connection to mongoDB.

#Material

Done

• Design gender select radio buttons
• create responsive input forms
• Write google input effect (as in login page)

Add product count

User Story

As a user,
I want to to see the number of added products,
so I can see how many products are in my list.

Description

#Material

Done

• Connect array length of products to main page
• [ ]
• [ ]

Supermarket display

User Story

As a user,
I want to see supermarket overview,
so I can find the cheapest selection.

Description

#Material

Done

• Implement Styling
• Add Icons
• (...)

Welcome Header

User Story

As a programmer,
I want to ****,
so I can have tab effects.

Description

create a visual feedback for a user which tab is open

#Material

Done

• pass states to styling
• edit Header text styling