DEV Community

Cover image for ZINX -A Music Website
Raman
Raman

Posted on

ZINX -A Music Website

Zinx is a cool looking modern music website which allows the user to search and play music and also create a playlist of their own through voice search/commands.
Here, we have integrated a feature of Voice Search which will enable the user to search and create playlist by their voice. This way it makes it easier for the user to interact with the website and it also makes the tough process of typing etc in a much shorter time and also hands-free.

Our primary design was made on Figma.
Then we developed the whole website with the help of below mentioned techstack.

The techstack used in this project includes HTML, TailWind CSS, JavaScript.

During our journey we ran into a number of challenges such as
encountered issues like we tried to add the feature of automatic playlist generation (Machine Learning) by user preferences or by recently played tracks but we weren't able to complete that. As we faced several issues such as of limited and/or short time , as all the team members weren't available at a time, so weren't able to work together for much time. Also Machine learning is new for us so we tried our best to do it in the time frame but failed. But we will definitely implement that in our project later on. Moreover, the voice recognition feature was not an easy task, it took us days to develop , debug and finalise that feature.

Website preview- https://misterstranger03.github.io/zinx-music_website/

Video Demo- https://youtu.be/oUowwsBakZ0

Image description

Image description

Image description

Image description

Image description

Top comments (0)