Add wireframing section to README

RoBizMan · Mar 18, 2024 · 2783f55 · 2783f55
1 parent 7b52566
commit 2783f55
Show file tree

Hide file tree

Showing 16 changed files with 40 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -150,4 +150,43 @@ Arial and sans-serif were used as step-back fonts if Hind Vadodara failed to loa
 
 - As a returning user, I want to see new and varied questions each time, so that my learning continues to be challenged.
 
-- As a returning user, I want to be able to share my scores, so that I can challenge my friends to beat my score.
+- As a returning user, I want to be able to share my scores, so that I can challenge my friends to beat my score.
+
+## Wireframes
+
+To follow best practice, wireframes were developed for mobile, tablet, and desktop sizes.
+
+I have used [Balsamiq](https://balsamiq.com/wireframes) to design my site wireframes.
+
+### Mobile Wireframes
+<details>
+<summary>Mobile Wireframes</summary>
+
+![screenshot](documentation/mobile_wireframe_home.png)
+![screenshot](documentation/mobile_wireframe_rules.png)
+![screenshot](documentation/mobile_wireframe_game.png)
+![screenshot](documentation/mobile_wireframe_facts.png)
+![screenshot](documentation/mobile_wireframe_contact.png)
+</details>
+
+### Tablet Wireframes
+<details>
+<summary>Tablet Wireframes</summary>
+
+![screenshot](documentation/tablet_wireframe_home.png)
+![screenshot](documentation/tablet_wireframe_rules.png)
+![screenshot](documentation/tablet_wireframe_game.png)
+![screenshot](documentation/tablet_wireframe_facts.png)
+![screenshot](documentation/tablet_wireframe_contact.png)
+</details>
+
+### Desktop Wireframes
+<details>
+<summary>Desktop Wireframes</summary>
+
+![screenshot](documentation/desktop_wireframe_home.png)
+![screenshot](documentation/desktop_wireframe_rules.png)
+![screenshot](documentation/desktop_wireframe_game.png)
+![screenshot](documentation/desktop_wireframe_facts.png)
+![screenshot](documentation/desktop_wireframe_contact.png)
+</details>
diff --git a/documentation/desktop_wireframe_contact.png b/documentation/desktop_wireframe_contact.png
diff --git a/documentation/desktop_wireframe_facts.png b/documentation/desktop_wireframe_facts.png
diff --git a/documentation/desktop_wireframe_game.png b/documentation/desktop_wireframe_game.png
diff --git a/documentation/desktop_wireframe_home.png b/documentation/desktop_wireframe_home.png
diff --git a/documentation/desktop_wireframe_rules.png b/documentation/desktop_wireframe_rules.png
diff --git a/documentation/mobile_wireframe_contact.png b/documentation/mobile_wireframe_contact.png
diff --git a/documentation/mobile_wireframe_facts.png b/documentation/mobile_wireframe_facts.png
diff --git a/documentation/mobile_wireframe_game.png b/documentation/mobile_wireframe_game.png
diff --git a/documentation/mobile_wireframe_home.png b/documentation/mobile_wireframe_home.png
diff --git a/documentation/mobile_wireframe_rules.png b/documentation/mobile_wireframe_rules.png
diff --git a/documentation/tablet_wireframe_contact.png b/documentation/tablet_wireframe_contact.png
diff --git a/documentation/tablet_wireframe_facts.png b/documentation/tablet_wireframe_facts.png
diff --git a/documentation/tablet_wireframe_game.png b/documentation/tablet_wireframe_game.png
diff --git a/documentation/tablet_wireframe_home.png b/documentation/tablet_wireframe_home.png
diff --git a/documentation/tablet_wireframe_rules.png b/documentation/tablet_wireframe_rules.png