From e03cd614f15d9b4f0e82269d87d9fd13366b37f0 Mon Sep 17 00:00:00 2001
From: lapohjan <59822237+lapohjan@users.noreply.github.com>
Date: Sun, 31 Oct 2021 23:41:37 +0200
Subject: [PATCH] Add a bubble wrap project idea

---
 Projects/1-Beginner/Bubble-Wrap.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 Projects/1-Beginner/Bubble-Wrap.md

diff --git a/Projects/1-Beginner/Bubble-Wrap.md b/Projects/1-Beginner/Bubble-Wrap.md
new file mode 100644
index 00000000..952dba78
--- /dev/null
+++ b/Projects/1-Beginner/Bubble-Wrap.md
@@ -0,0 +1,26 @@
+# Bubble Wrap
+
+**Tier:** 1-Beginner
+
+- What is more relaxing when you are stressed out than popping those little air pockets on bubble wrap? The idea of this project is just that, to pop bubbles, as a simulation on screen.
+- The project can be completed with just HTML and some basic JavaScript.
+
+## User Stories
+
+-   [ ] User can see a grid of circles resembling bubble wrap.
+-   [ ] User can pop a circle by clicking on it with his/her mouse.
+-   [ ] User can continue clicking on circles until they are all popped.
+-   [ ] User can reset the grid and start over.
+
+## Bonus features
+
+-   [ ] User can select the amount of bubbles on wrap.
+
+## Useful links and resources
+
+-   [getElementById method explained](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)
+-   [onClick event explained](https://www.w3schools.com/jsref/event_onclick.asp)
+
+## Example projects
+
+-   [a Bubble Wrap Code Pen](https://codepen.io/Jeffrey123/pen/vjywYv/)