Add - sparkle-effect component

[alyhxn]

todo

• Add - sparkle-effect component
  • Added sparkle effect code as given by Serapath
  • Some changes in code to make it work
  • @output 📦 sparkle_effect_v0.0.1 from comment

[alyhxn]

tasks - 2024.04.02

• Add - sparkle-effect component
  • Added sparkle effect code as given by Serapath - 5min
  • Some changes in code to make it work - 20min
  • Changed import as in feedback - 5min
  • Logged tasks - 5min
  • @output 📦 sparkle_effect_v0.0.1

---

Worklog

I have not added styling and communication functions as they are not required in any case. So there is almost no change in the code sparkle-effect.

---

Feedback

---

Proposal

[serapath]

feedback 2024.04.02

interesting solution to just require('sparkle-effect/sparkle-effect.js') :-)

you have two othe alternatives so you can just require('sparkle-effect')

• either make src/node_modules/sparkle-effect/index.js
• or create src/node_modules/sparkle-effect/package.json and add { "main": "./sparkle-effect.js" }

we usually do the second option, because having many files open named after their component is nicer than having many files in your editor tabs all called index.js :-)

---

Other than that. Looks great, but one thing I am confused about is, that the pull request you made comes from https://github.com/alyhxn/wizard-amigos-webpage

This page should probably have a README.md that more or less copies and adapts the README from our current website.

Additionally, it has a preview page, but interestingly, the sparkles don't show on that page. Is that page up to date? You might sometimes need to add a commit update bundle.js by running npm run build so browserify creates the latest bundle file for you to commit :-)