Freely is a project built with React that aims to relieve the user from all the stress in a day by listening to a playlist of meditation-type music.
With the help of Component Libraries, I used React-Animated-Slider and React-Audio-Playerand was able to create a meditation-app that works great on all devices!
Tech Stack
With React I was able to create multiple components that would either consume data or h elp the user interact with the app.
React also comes packed with the ability to use a component's Lifecycle methodswhich allowed me to create the playlist functionality of the app as well as load data accordingly.
In addition, I paired React with React-Router-DOM to handle Dynamic Routing. Unlike most apps built in Express, or Angular, React-Router-DOM allows you to take the component composition route that React is based off of.
React-Animated-Slider and React-Audio-Player allowed me to create a better User experience in the meditation page. I thought it would be a good idea to incorporate some amazing quotes as the user listens to the soothing sounds of music.