parent
08b771c863
commit
c631a2a388
@ -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 )
|
||||||
|
|
Loading…
Reference in new issue