auxfuse / how-patrick-are-you Goto Github PK

to include:

• prize(s)
• buttons for reset/cancel/leaderboard
• background click disabled...
• store results in local storage
• Link back into quiz.js containers etc, so results can be displayed

404/500 page creation, something funny 😁

• Should be saved to root directory

README to be developed alongside feature creation:

• Each developer to update the README with their latest feature implementations and included in their PRs. (or held locally for updating later)
• Boilerplate implemented, but subject to change.
• Finalised before submission.

Descriptive section and guide on how to play and subsequently linked in Footer quick links...... #7 Footer

This might seem rudimentary but Users have been known to be dense in these situations. This can be a component // a page.

Create default landing page.

• Add layout
• Consider using white space to promote good user experience.
• To include common components such as Navbar/Footer...... #6 Navbar & #7 Footer
  (...if not created by time of creation, placeholder navbar and footer implemented using simplistic code templates from agreed upon frontend framework.)

Setup repostory with appropriate collaborators...and decide on github process.

• 5-person collab project
• consider use of upstream remotes
• consider use of branches

To create basic wireframes to suit the project.

Include layout per component and page.

Custom logo to suit the theme and overall design of the site.

• incl. any images and details

Should this include a section for address details? Or should this just be an avatar to reflect their score. Comedic and tongue in cheek.

Accessibility page to be created, styled and linked in Footer.

Boilerplate and default content to be shared.

• Bootstrap 5
• UIKit
• Tailwind
• Bulma

To include scores collated from Firebase?

Filter by largest to smallert, and to include tie-breaker functionality.

• Create action button link to quiz page or section of page
• Create container for the quiz data
• Link back container id to quiz.js
• Some styling / classes etc may need to be added to HTML inside the quiz.js file, that gets injected

Manual:

- Manual Log to check, visual indicators such as responsivity and scale, CTAs and expected behaviour, browser compatibility.

Automatic testing on quiz??? <--- not entirely sure how this would work as of right now, but would be a nice to have.

• Install the Firebase via npm
• Create a Firebase project
• Initialize app with config

• Something related to the content/theme
• Minified version of the oveall logo etc

Deployment via Github pages setup

Or alternatively use of netlify/heroku/firebase etc

Possibility.....layout and content to be decided.

Possible feature!
Concept --> a button to share the deployed link:

• on completiong of quiz, send email with score, and link to user to share with friends.

If not implemented added to README as future feature.

To include:

• conforming standards across css file.
• comments
• structure hierarchy

• Decide on a platform
• Link to the Js

Implement easter eggs throughout site.

Footer creation:

• to include supplementary links section and linked to same.... #19 How to play / #16 Accesibility / #17 Privacy
• to include commonly clicked navbar links:
  leaderboard/quiz/home etc
• small descriptive context on project and developers
• social icons section? (use of fontawesome)

if any of the above is not readily available to be linked to, create them anyway and we can finalise later and update links.

Custom Navbar creation:

• To include Logo....... #12 Logo
• Placeholder links to start with and be swapped out and subsequently linked to supporting pages.
• Common amongst all pages

Each file type to be validated by respective online validation tools.

Default Privacy Policy to be pulled from Google. Created, styled and linked in footer.

Create Quiz

• Consider file type and comparison logic.
• Total length of questions (10/15/20/25), not to long but long enough to demonstrate during the presentation
• Score display to user via modal...... #11 Results Screen