From c631a2a388f88f72a25dd5ca3807e60bc8010692 Mon Sep 17 00:00:00 2001
From: Manish Kuniyal <110035752+manish0kuniyal@users.noreply.github.com>
Date: Sun, 22 Oct 2023 12:21:14 +0530
Subject: [PATCH] Create Purple-Rain.md

---
 Projects/1-Beginner/Purple-Rain.md | 36 ++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 Projects/1-Beginner/Purple-Rain.md

diff --git a/Projects/1-Beginner/Purple-Rain.md b/Projects/1-Beginner/Purple-Rain.md
new file mode 100644
index 00000000..826a8d48
--- /dev/null
+++ b/Projects/1-Beginner/Purple-Rain.md
@@ -0,0 +1,36 @@
+# Purple Rain
+
+**Tier:** 1-Beginner
+
+The purpose of this project is to create a rain like effect (dark background with purple rain).
+
+It is important for new developers to understand the importance of DOM manipulation, this project aims to extract and manipulate the elements in a DOM tree.
+
+You must ideally use HTML,CSS and Javascript. You can't use a rain video as a background.
+
+
+## User Stories
+
+-   [ ] User can add the effect as a background in their portfolio , website or a game.
+
+## Bonus features
+
+-   [ ] User can add multiple colors in their rain.
+-   [ ] User can add different shapes in place of raindrops.
+-   [ ] User can add event listeners to make it more interactive
+
+## Useful links and resources
+
+-   [DOM Manipulation](
+https://www.theodinproject.com/lessons/foundations-dom-manipulation-and-events
+)   
+-   [Viewing and Changing the DOM](https://developer.chrome.com/docs/devtools/dom/)
+
+## Example projects
+  
+-   [Purple Rain By Manish](https://github.com/manish0kuniyal/purplerain   
+)
+-   [Codepen](https://codepen.io/vehvuuu/pen/yLQrNNa  
+)
+-   [YouTube](https://youtu.be/KkyIDI6rQJI?si=xAWFzE_r-yIxX21L )
+