Animate main page on first load

JasonDuquain / Baby-Name-Generator

App to generate random baby names and can be configured by gender and region.

1 stars 0 forks source link

Open JasonDuquain opened 5 years ago

JasonDuquain commented 5 years ago

User Story:

As a designer I want the main page to have loading animations on the first page load only to enhance the user experience yet not frustrate the user by animating every time they visit the main page.

Technical tasks required:

Add Jasmine test case(s).
Use CSS (and possibly javascript) to animate the main page on first load
Use javascript to ensure this animation only happens the 1st time a user visits the page
Confirm all jasmine test specs pass.

Difficulty Rating: 2

JasonDuquain commented 5 years ago

Technical tasks required:

Add Jasmine test case(s). DONE

Use CSS (and possibly javascript) to animate the main page on first load DONE

Use javascript to ensure this animation only happens the 1st time a user visits the page DONE

Confirm all jasmine test specs pass. DONE

Notes/Lessons Learned:

In order to ensure main page only animates on first load sessionStorage was used and a conditonal was set to ensure the animation will not run while the key 'stopanimage' is in storage.