- Responsive Design
Website is fully responsive to small screen such as Galaxy Fold and Phone, Ipad Tablet, larger screen such as Laptop, Desktop.
-
Navigation Bar
- Featured on all three pages, the full responsive navigation bar includes links to the Home, Play QUIZ and Feedback pages and it is fully responsive to mobile, and Tablets to laptop screen.
- Menu toggle down will allow the user to easily navigate from page to page and it is easy to revert back to main page.
-
__The Home page ___
- The Dream Team Trivia QUIZ is a site that any age group user hopes to play QUIZ around the world. The site will be targeted toward anyone who love challenges and improve their khowledge. The Dream Team Trivia QUIZ site will be useful for anyone who respects brain exercises and how they can contact the The Dream Team to discuss with any issue.
-
Play Quiz
- The Trivia QUIZ will display questions and answers that is ready to buy from the site.
- This section is useful to the user who want to brain challenge and improve their IQ level.
-
Feedback
- This page allows user to write a request to us and any other issue.
- This section is useful for anyone any aged peope who love QUIZ game.
-
The Footer
- The footer section includes links to the relevant social media sites for The Dream Team. The links will open to a new tab to allow easy navigation for the user.
- The footer is important section that user can see our social media links.
The Team used Github Kanban board to communicate with testing and agile process.
Our project of screenshot
The Team carried out UAT (user acceptance testing) using the test cases.
Our project on Mobile
Our project on Tablet
Our project on Laptop
- HTML
- No errors were returned when passing through the official [W3C validator](-------change this ------https://validator.w3.org/nu/?doc=https%3A%2F%2Fsnoodyk.github.io%2FBrushes-and-Bytes%2F)
- CSS
- No errors were found when passing through the official, but small errors found on bootstrap library [(Jigsaw) validator](-------change this --------https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fsnoodyk.github.io%2FBrushes-and-Bytes%2F&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en)
None.
We deployed the project to GitHub cloud.
- The site was deployed to GitHub pages. The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab
- From the source section drop-down menu, select the Master Branch
- Once the main branch has been selected, the page will be automatically be refreshed with a detailed ribbon display to indicate the successful deployment.
The live link can be found here - -------update link here---------- https://snoodyk.github.io/Brushes-and-Bytes/
Main structure of Quiz page reference used from love Maths project template. Also used repositories and tutorials from GITHUB and codeinstitute youtube tutorials Google search.from https://www.craiyon.com/ ai art https://fontawesome.com/ https://www.w3schools.com
- The text for the Homepage was taken from ChatGPT
- The text for the QUIZ page was from w3school.
- The forms for the Feedback page was taken from https://www.w3schools.com
- The icons in the footer were taken from Font Awesome
- The Favicon in the title was taken from https://favicon.io/favicon-generator/
- ???????????????
- The images used for the Gallery page were taken from https://www.craiyon.com/ ai art
- As a User, I want to select an option from the nav bar, so I can easily access the other pages on the site.
- As a User, I want to see the quiz on the play QUIZ page, so I instantly know that this is an QUIZ website.
- As a User, I want to click the icons from the footer, so I can view the The Dream Team social media links.
- As a User, I want to navigate from the main section, so I can easily access website.
- As a User, I want to view the feedback section, so I can get in touch with the The Dream Team to learn more.