piano-vfx - Live Preview

This is the assignment from The Odin Project. I already did the TOP version and decided to do something different too, so I tried to remake the webpage of a tool that a friend of my friend made.

The code might be a mess, but I didn't focus much on keeping it short, and I'm still learning. I tried to use flexbox as much as possible (even over auto margins) to practice what I've learned.

Credits

• @internet8, the creator of piano-vfx. The effects and other images were created by him.
• ChatGPT for the feature descriptions 😂

All icons were created in Figma by me, but used those icons for the design idea:

• Prithvi for the CPU icon.
• Ahmad Roaayala for the GPU icon.
• Pro Symbols for the RAM icon.