Inspiration
Our inspiration came from that most of us use Discord to chat with our friends and usually, we invite music bots to play in the voice chat. However, most of these discord music bots rely on remembering commands and typing really long commands to play one song. This is especially not easy to use when you are new to music bots and don't remember the commands. We aim to simplify the process by creating a React front end that integrates with the discord bot so the user can search for music and play more easily, just as if they are interacting with Spotify.
What it does
We currently only have the front end working with the only functionality being able to search Spotify songs. Due to the large technicality issue we faced, we weren't able to get the discord bot working.
How we built it
We use React to build the front-end website. For building the Discord bot, we use the provided Discord.js API.
Challenges we ran into
The biggest issue we ran into was doing research and understanding the Discord API documentation. Our project was using the most recent Discord.js API version 14 which contains major new changes compared to the old deprecated version, and many of the online resources that we've found still use the old version of API, even ChatGPT. We ended up investing a lot of time and struggled to even get the bot online and respond to simple commands. In addition, we found difficulties trying to integrate Spotify and Discord API together and they both require O2Auth and we're sure how that would work. Lastly, after trying so hard to make the discord bot work, we decided to just focus on the React front end so we will have a presentable project.
Accomplishments that we're proud of
We're proud to have cooperated as a team and meet new people. While designing our project we put together a hack that we claim to have accomplished our goals from the start of the Hackathon.
What we learned
After completing our hack we learned how to integrate APIs into our program to gather data to display for users in our own unique way. We got to learn how to gracefully handle HTTP requests for sending queries while implementing it using node.js. Additionally, we learned how to debug programs and communicate effectively as a team while providing a continuous, productive workflow.
What's next for yinyueBot
The next step in yinyueBot's journey is to fully integrate it into Discord's UI. We hope that we can connect people around the world and impact them on a greater scale.
Log in or sign up for Devpost to join the conversation.