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 ) +