Loopbase VS feather

For my fourth issue I wanted to find something a bit more challenging, so as I was searching around I came across a cool WIP application being created by one developer. She was creating a desktop client for Looperman, which is a cool website that houses a pro audio community that shares music loops, acapellas, vocals, beats, and much more. It is like the opensource equivalent for audio, where you can share your work and get feedback/help from others, or help others as well. This app is still in its early stages of development so I was able to contribute by adding a new volume slider feature. The issue was that whenever the user would preview audio clips it would only be able to play at 100% volume, so for user experience she wanted a volume slider to be added. This was a fun issue to work out as I have never worked with audio files in javascript, so it was a great learning experience.

Feather Icons

Feather - A collection of simply beautiful open source icons with an emphasis on simplicity, consistency and readability.

In this article, we’ll walk you through using Feather-inspired animated icon libraries in React applications and guide you through setting up a React project, adding and customizing icons using various libraries, and handling common issues like double rendering.

Feather – Simply beautiful open source icons (feathericons.com)

Select the Icon Theme. Blueprint is the default for Roam Research. Roam Studio provides Feather Icons.

Feather icons

As for the icons, grab 'em at Feather or SVGRepo

Icons: Feather and SVGRepo Wallpaper: Backdrops Slideshow (showcased) images: Various sources. (comment down below so that I can track 'em down)

Icons (references): https://feathericons.com/ | https://svgrepo.com/ Wallpaper: Backdrops Slideshow (showcased) images: Various sources (Mostly from Pinterest and Twitter)