vbence86 / giftassistant-client Goto Github PK

As a project owner,
I'd like to add the ability to remove items from the favourites list
so that users can rid the list of unused or undesired items.

A/C

• Remove button appears in the GiftDetailsPage
• When clicking on it it removes the selected element from the list and returns to the List view.

As a project owner,
I'd like to add the title of each view to the menu
so that it would comply to mobile layout standards

A/C

• Title (if shown) of Views are displayed as the part of the Menu Component

As a project owner,
I'd like to give users the ability to return to the selection process once they have entered to the Favoruites page
so that they can continue on the selection process

A/C
Given the user has advanced through the selection process
When it goes to the Favourites page
Then there should be a navigation button back to the selection process

Given the user is on the Favourites page
When it click the "back" navigation button
Then ti should be redirected back to the selection process

A/C

Given one uses the application
When it communicates with the GiftService
Then it should send messages to http://www.extendus.co.uk:9797

is dependent on by BE tasks

As a developer,
I'd like to add a module that collects and sends all the answers one by one for the categories retrieved from gitftCategory service
so that the user answers can be persisted on the server side.

A/C
Given the user is on the GiftCategory page
When all the categories have been answered
Then all the answers should be sent separately to the flagGiftCategory service.

As a project owner,
I'd like to refactor the look and feel of the PersonalQuestionView component
So that users can feel more engaged to use the application.

A/C

• PersonalQuestionView shows the questions and answer blocks with more style

As a project owner,
I'd like to make the GiftCategoryPage appear with standardised styling
so that the page will look more appealing to customers.

A/C

• Landscape mode is disabled on Android
• Lanscape mode is disabled on iOS

As a project owner,
I'd like to alter the user journey
so that it incorporates a SplashPage and a LoginPage

A/C

Given one is on the PersonalQuestionPage
When clicking on either of the rendered choices
then the next question should be shown with a transition animation.

As a project owner,
I'd like to make the details view appear nicely aligned on all devices
so that users can easily learn further details of the items they liked

As a project owner,
I'd like to have a functionality to persists the app settings to the local storage
so that users can save there preferences.

A/C

• Settings on SettingsPage are saved after the application gets closed.

As a project owner,
I'd like to add a Buy CTA in the GiftDetailsPage scene
so that users can buy the items they like.

A/C
Given a user is on the GiftDetailsPage scene
When it clicks on the Buy CTA
Then it should be forwarded to the Amazon Page using the provided url.

Expected

Menu is placed in the top left corner of the available area.

Actual

There is a visible 20px margin between the top and the menu component.

A/C

• Settings page is accessable from the Menu
• It takes in a back button that redirects the user back to the previous page.

As a project owner,
I'd like to make the Menu close when the user clicks on any of the Menu items from the list
so that the user flow can conform to UX best-practices.

A/C

• Clicking on any of the Menu items would cause them to slide back to normal state before the redirection takes place.

As a project owner,
I'd like to make the EmoticonChoice components appear with a spring animation
so that it drives attention to them as the Main CTAs.

Expected

Menu button is an element that is vertically aligned to the centre.

Actually

Menu button icon is not vertically aligned and uses external image to display the bars

https://travis-ci.org/vbence86/giftassistant-client/builds/225526944

A/C

Given one is on the GiftCategoryPage
When clicking on either (x) or (/) buttons
then the next category section should be shown with a transition animation.

As a UX engineer,
I'd like to improve the accessibility of the Menu Button component across the pages
so that customers do not have to precisely move their fingers above the back icon to execute the attached behaviour.

A/C

• Menu Button and its container is fully clickable and on click the attached functionality is executed

Expected
Only one instance of SideMenu component is used across the application

Actual
For each of every pages there is a new SideMenu component being instantiated.

Expected

Application builds without errors on iOS and runs as normal

Actual

Though the application builds correctly when entering the main screen it crashes.

As a project owner,
I'd like to provide a navigation button from the Favourites Page back to the specified page
so that users can go back where they come from.

A/C
Given the user is on the Favourites Page
Then a Back button should be displayed in the top-left corner of the scene

Given the user is on the Favourites Page
When clicking on the Back button
Then the user must be redirected back to the specified page

As a project owner,
I'd like to have an entry in the SettingsPage
so that the users can learn which version they've been using.

A/C

• A List item/entry is displayed in the Settings that shows the current version of the app

As a project owner,
I'd like to add functionality to the app that provides clients the option to restart the selection process
so that they can try to add new filtering details.

A/C
Given the user is logged in
When they open the menu
Then a New Gift entry should be amongst the menu items

Given the user has advanced in the selection process
When they click on the New Gift menu
Then it should redirect them to the first page of the process

As a developer,
I'd like to have a page that displays a detailed description of the selected product
so that users can examine it further and eventually can end up buying it.

A/C

• Page display Buy button that redirects the user to Amazon
• Page display the available details of the product
• Page displays a CTO to go back to the GiftResult page

As a developer,
I'd like to unify the stylesheets being used across the pages
so that it can be reused as a separate modul.

A/C

• Stylesheet objects that are identical are moved to a shared module.

As a developer,
I'd like to investigate why social sign in results in an error
so that we could finish the Auth0 integration.

A/C
Given loads the application
When the user clicks on the social Facebook sign in CTO
Then the user should eventually return to the application with signed in status.

As a developer,
I'd like to employ the react-navigation library
so that we can have more native like navigation inside the app.

https://facebook.github.io/react-native/docs/navigation.html

As a developer,
I'd like to integrate Auth0 react-native client connector into the app
so that we can take care of the user authorisation through Auth0.

A/C

• Auth0 Lock is integrated into App
• Auth0 Lock shows up on the LoginPage
• Auth0 is connected to the app and can be used to maintain user data model.

As a project owner,
I'd like to enhance the look and feel of the FavouritesView
so that it looks more informative and engaging to users.

A/C

• The list looks as the attached screenshot suggests excluding the blue fitler sections.

As a developer,
I'd like to have a Cart component
so that we could collect Gifts that the user likes.

As a UX engineer,
I'd like to improve the accessibility of the Back Button component across the pages
so that customers do not have to precisely move their fingers above the back icon to execute the attached behaviour.

A/C

• Back Button and its container is fully clickable and on click the attached functionality is executed

As a project owner,
I'd like to make the GiftCategoryView look more clear and engaging
so that fun factor of that phase of the application can be increased.

A/C

• Questions appear in clearly separate component
• Animation is very smooth
• Flushing of the Yes and No buttons are discontinued

As a project owner,
I'd like to keep the collected items persisted in the local storage
so that users can access their previously saved items.

A/C

• Favourites list is saved
• Favourites list remains after the application reloads

As a project owner,
I'd like to make the QuestionPage appear with standardised styling
so that the page will look more appealing to customers.

As a developer,
I'd like to purge the code from mock data and test code
so that integration can take place and maintainability increases.

A/C

• No mock data can be found in the source code.

As a project owner,
I'd like to have a customizble layover that can be displayed
while async operations are being processed

A/C

• PersonalQuestionsPage displays the spinner overlay when async (fetch API) operations take place
• GiftCategoryPage displays the spinner overlay when async (fetch API) operations take place
• GiftResultPage displays the spinner overlay when async (fetch API) operations take place

As a developer,
I'd like to equip all the fetch requests to GiftService with a timeout guard
so that the application isn't remain unresponsive.

A/C

• When an async request is sent to the backend there is a global timeout guard that rejects the request after a specified time limit.

A/C

• Social login can be executed through Auth0

As a project owner,
I'd like to enhance the look and feel of the GiftDetailsView
so that it will be more enticing for uses.

As a developer,
I'd like to have all the images of the GiftResult deck preloaded
so that they won't get downloaded only when the app attempts to render them resulting in the users can see the image download transition.

A/C

• All gift images are preloaded and displayed without any transational state.

As a developer,
I'd like to integrate Auth0 react-native client connector into the app
so that we can take care of the user authorisation through Auth0.

A/C

• Auth0 Lock is integrated into App
• Auth0 Lock shows up on the LoginPage
• Auth0 is connected to the app and can be used to maintain user data model.

As a project owner,
I'd like to make the GiftResultPage appear with standardised styling
so that the page will look more appealing to customers.

As a project owner,
I'd like to postpone the render of the GiftResultPage components until the preloading of the images finishes
so that users will not see an incompleted page.

A/C

• Async indicator layover is shown until all the images are preloaded
• In the background the layout is not rendered until the Async indicator disappears
• The layout cannot be seen broken or incomplete.

Actual

List of favourite gifts on the FavouritesPage is not scrollable

Expected

The list must be scrollable