Dublin GAA Quiz

Welcome to the Dublin GAA Quiz, the ultimate test of your knowledge about Dublin's Gaelic Athletic Association (GAA) history, achievements, and trivia. Perfect for fans and enthusiasts looking to challenge themselves or others!

Features: The quiz is designed with Dublin GAA fans in mind, featuring:

• A user-friendly interface with a Username input field to personalize the experience.
• A "Let's Go!" button to kickstart the quiz journey.
• Multiple-choice questions focused on Dublin GAA, testing your knowledge depth.
• A high-score tracker to record top performances.
• A restart button to take the quiz again, perfect for improving your knowledge or challenging friends.
• Custom-made Dublin GAA logo, designed using Adobe Photoshop and Illustrator for a unique touch.

Quiz Flow Screenshots

Goals:

• The quiz aims to:

• Provide an engaging way to test and improve knowledge of Dublin GAA.

• Offer a user-friendly and visually appealing quiz experience.

• Reflect the iconic Dublin GAA colors and branding in the design.

Wireframes:

• Wireframes were created to guide the design process across different devices:

Colour Schemes:

The color scheme was carefully chosen to reflect the iconic Dublin GAA team colors, enhancing the user experience and connection to the Dublin GAA community.

Testing

Validator Testing

HTML

-No errors were returned when passing through the official [W3C validator] https://validator.w3.org/nu/?doc=https%3A%2F%2Fmicdr93.github.io%2FDublinGAAQuiz_PP2%2F

CSS

-No errors were returned when passing through the official [W3C validator] http://jigsaw.w3.org/css-validator/validator?lang=en&profile=css3svg&uri=https%3A%2F%2Fmicdr93.github.io%2FDublinGAAQuiz_PP2%2F&usermedium=all&vextwarning=&warning=1

Javascript

Analysis done with JSHint showed no significant issues, indicating clean and efficient code. There are 12 functions in this file.

Function with the largest signature take 2 arguments, while the median is 0.

Largest function has 9 statements in it, while the median is 5.5.

The most complex function has a cyclomatic complexity value of 2 while the median is 1.5.

Unfixed Bugs

The restart button seemed to be causing a bug initially, which was eventually fixed.

Lighthouse Testing

The Lighthouse report indicates excellent performance, accessibility, best practices, and SEO, showcasing the quiz's high-quality development standards.

Deployment

• This project was developed using Gitpod, with regular commits and pushes to GitHub to track changes and updates.

Cloning & Forking

Fork

1. On GitHub.com, navigate to the repository.
2. In the top-right corner of the page, click Fork.
3. By default, forks are named the same as their parent repositories. You can change the name of the fork to distinguish it further.
4. Add a description to your fork.
5. Click Create fork.

Clone

1. Above the list of files click the button that says 'Code'.
2. Copy the URL for the repository.
3. Open Terminal. Change the directory to the location where you want the cloned directory.
4. Type git clone, and then paste the URL
5. Press Enter.

Local Deployment

1. Sign up to
2. Download the Gitpod browser extension.
3. On GitHub.com, navigate to the
4. Above the list of files click the button that says 'Gitpod'.

Remote Deployment

The site was deployed to Github pages. If you have forked/cloned the repository the steps to deploy are:

1. On GitHub.com, navigate to your repository.
2. Navigate to the settings tab.
3. Click on the tab called 'pages' on the left hand side.
4. From the source drop down list under the heading Build and deployment, select main.
5. The page will then provide the link to the website.

The live link can be found here - https://micdr93.github.io/DublinGAAQuiz_PP2/

Credits

Acknowledgments

• Special thanks to my mentor, Dan Hamilton, for guidance and support.
• Credit to various online resources such as W3Schools, MDN Web Docs, and Code Institute materials for educational content.

Content & Media

• The quiz questions and content were inspired by information from Wikipedia, the official Dublin GAA website, and other listed sources.
• The Dublin GAA logo was recreated and customized by me, based on an original design found here: (https://www.dublingaa.ie/)

Sources of content:

• https://en.wikipedia.org/wiki/Dublin_county_football_team
• https://www.dublingaa.ie/
• https://en.wikipedia.org/wiki/Stephen_Cluxton
• https://en.wikipedia.org/wiki/Brian_Fenton
• https://en.wikipedia.org/wiki/List_of_Dublin_inter-county_footballers
• https://assets.dublingaa.ie/assets/images/design/logo-20140709-1.png (I used this png and edited it in Illustrator to create a custom SVG)