vbence86 / fivenations-website Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 14.38 MB

E-commerce website for the HTML5 RTS Five Nations

License: MIT License

JavaScript 78.01% HTML 1.79% CSS 20.19%

fivenations-website's People

Contributors

Watchers

fivenations-website's Issues

Add Instagram client to the website

As a project owner,
I'd like to have a client to fetch the most recent images from webellionlimited instagram account
so that we can display them on the website without the need of manual update.

A/C

Client to fetch image data from instagram
Integration with React
Functionality to fetch the most recent images

Example API call with webellionlimited account and access token
https://api.instagram.com/v1/users/self/media/recent/?access_token=5745307115.48889e0.feb512d277344c1bbeaa2a66094a7840

Add tracking code for DonationClose and DonationSubmit events

As a project owner,
I'd like to track if the visitor closes the donation modal and submits any donations
so that we could collect more visibility on conversion in terms of donations.

A/C

Dismissing the modal is tracked in GA
Submitting the modal is trackedi n GA

Connect each container component to ContentFul account

As a project owner,
I'd like ContentFul to be connected with all the container components
so that we can dynamically change the content of the website.

A/C

ContentFul takes in all the various content-types
Content is added to the above content-types
ContentFul is linked to the LandingPage React component

Link Travis CI to project

As a project owner,
I'd like to have a clear visibility on the builds of the project
so that we can be sure we release only stable builds.

A/C

.travis.yaml is present in the root project folder
Travis CI is linked to the GitHub project

Add GA tracking to the page

As a project owner,
I'd like to add Google Analytics to the page
so that we can define visitor behaviour.

A/C

GA tracking code is added to the <head> section of the page
The following user interactions are captured

Click on the Play CTA in the Hero
Click on the Back the Project CTA in the Hero
Click on the Play complementary button on the right-side of the screen
Click on the Donate button the Back the project section

Add HeroVideo component

As a project owner,
I'd like to display a HeroVideo component in the Header section
so that the first look of the website might be engaging to gamers.

A/C

HeroVideo component from project-beatriz repo has been integrated
HeroVideo is configured with a demo video and demo poster

SEO additions

As a project owner,
I'd like to add all basic SEO attributes/files
so that we could increase page index.

Replace Travis CI and GitHub Issues sections with Current version section

As a project owner,
I'd like to substitute the Travis CI and GitHub sections from the ContentMenu and replace them with informations about the current build.
so that they won't sort of steal space from more compelling content.

A/C

The current build sections shows:

Current version number
Latest changes/updates (commit messages)
Estimated release of the next version.

Change GitHub top section

Replace top section with the three flyers with flip animation on mouse over.

Create FB account for the website

As a project owner,
I'd like to have a social FB page
so that users can "like" and "follow" Fivenations on FB social channel.

A/C

FB page is created
Credentials are placed in a configuration file in the project
All Social links pointing to FB has been updated according to the registered credentials

Update links to all the social sites

Actual

All social icons on the page now point to inappropriate urls. Please amend these to refer to the right ones.

Expected

Social icons point to social accounts registered with credentials belonging to [email protected].

Add GitHub Star Button to ContentMenu section

As a project owner,
I'd like to have a quick and easy way to add stars to fivenations github projects
so that customers feel more enticed to star the project.

A/C

GitHub Star button is added below the ContentMenu headers

GitHub Star button markup

<iframe src="https://ghbtns.com/github-btn.html?user=twbs&repo=bootstrap&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>

Configure Twitter card properties

As a project owner,
I'd like to have the website set up for promotional use on Twitter
so that it can be shared as Twitter card in any tweets.

A/C

Website link appears as Twitter card in a tweet.

Record ingame video for Background

As a project owner,
I'd like to add a hero element with animated background that shows in-game scenes
so that visitors can immediately be shown how the game looks like.

A/C

HeroVideo element uses the finalized version of the video

Update About The Game section

As a project owner,
I'd like to provide more engaging content to potential customers
so that they can clearly understand what Five Nations is about and what excitement it provides to gamers.

A/C

About the Game section is consisted of sections that display:
1. ) Animated GIF
2. ) Header section
3. ) Text section

Ideas for About The Game section:
http://preview.themeforest.net/item/escape-room-html-template/full_screen_preview/16061712?_ga=2.12150708.1083522738.1501748102-1261344618.1501748102

Refactor HeroVideo element

As a project owner,
I'd like to give a greater emphasys to the HeroVideo element
so that it would look more engaging to visitors and shows the game in more details.

A/C

The Hero element appears similar as this website demonstrates http://iosdesignkit.io/

Extend SM component with YouTube and IndieDB

As a project owner,
I'd like to have a social Pinterest account
so that users can "like" the website

A/C

Pinterest account is created
Credentials are placed in a configuration file in the project

Update AboutUs section

As a project owner,
I'd like to enhance the layout and looks of the AboutUs section
so that it'd appear more informative since it now carries loads of irrelevant information to the Five NAtions project.

BDD

Header: Webellion Ltd logo
Contributors: Typical rounded icons of Bence Varga and Andras Hujber

Instagram title breaks layout

Expected

Instagram pictures are lined up in a regular grid with equal space gaps in between

Actual

Instagram title breaks the grid by making the photo component way too big.

Fix Development Counter component

Expected
Git commits always automatically gets to the current level

Actual
Git commits stops at 100 since intermittently no valid value is passed.

Add Summary component

As a project owner,
I'd like to have a visual representation of the major numbers of the project
so that visitors can get known about how active the project is.

A/C

The Summary component is a horizontal bar divided into 4 sections
All four sections display numbers and a small description
The four sections must be as follows:
- Activity on Github
- Builds
- Donations
- Plays

Configure Facebook OpenGraph attributes

Intent

As a project owner
I'd like to provide the Facebook OpenGraph attributes to the site
so that it appears in a nice and clear manner inside FB posts.

Acceptance Criteria

Meta tags are provided according to the example attached.

Example

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Add Patron Button

Issue

Replace the current Donate button with Become a Patron button in the hero component

<a href="https://www.patreon.com/bePatron?u=10925970" data-patreon-widget-type="become-patron-button">Become a Patron!</a><script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>

Instagram account

As a project owner,
I'd like to have a social Instagram account
so that users can "like" the website

A/C

Instagram account is created
Credentials are placed in a configuration file in the project

Create container for the game component

As a project owner
I'd like to have a component in which the game can be initialised and started
So that visitors can try out the demo version of the game.

Trigger animations against main sections as the visitor scrolls

As a project owner,
I'd like to make the content more dynamic and visually engaging
so that the page look and feel can be very attractive.

A/C

FadeIn/SlideIn animations are triggered as the visitors approaches them while increasingly scrolling down towards them.

Intent

As a developer
I'd like to integrate and display all the design elements to the webpage
so that it appears according to the attached design document.

Acceptance criteria

Individual sections of the webpage appear as it described in the design document

vbence86 / fivenations-website Goto Github PK

fivenations-website's People

Contributors

Watchers

fivenations-website's Issues

Actual

Expected

Expected

Actual

Intent

Acceptance Criteria

Example

Issue

Intent

Acceptance criteria

Recommend Projects

Recommend Topics

Recommend Org