Lyrics of the World

Inspiration

Learning a new language feels like an insurmountable task. From the endless list of vocabulary to varying sentence structures, it's a neverending list of to-study, to-memorize, to-learn. As a group, we have faced this struggle in our quests to learn a new language, and the best resource we have used to learn new vocabulary words or a bit of sentence structure is music. So, we created an interactive website that teaches the user new vocabulary words through lyrics.

What it does

Lyrics of the World is a website that allows the user to choose a region. Each region displays the Top 5 songs from that area and has specific words highlighted within them. When selected, a pop-up shows the translation and definition of the selected word.

How we built it

We first developed our general idea in Figma and Canva. Then, using HTM5, CSS, JavaScript, and Python within the Django framework, we further refined our idea into a functioning website.

Challenges we ran into

During the development stage, we had issues with setting up the environment and general issues with Django. Once we installed the framework, we ran into more issues regarding HTML and tried to format things exactly how we wanted them. We also had issues implementing a translator API, so we had to convert our application in another way.

Accomplishments that we're proud of

Despite our many challenges, we were able to overcome them to create a product we are proud of. Our greatest achievement was to get the pop-ups working when the user's mouse hovered over a region or a word.

What we learned

Through this project, we learned more advanced ways to use HTML and the importance of being able to adapt. We also learned the importance of learning about cultures from around the world, and how integral music is to our society.

What's next for Lyrics of the World

We hope to continue to improve our website by having live translations of the lyrics, rather than a couple of words here and there, and to support more languages.