coverwave

• 

  Home Page

💭Inspiration

We were inspired by wanting to express our playlist visually. With digital music platforms like Spotify, the opportunity to create and share playlists has become more accessible than ever before. This has led to a growing interest in the visual representation of playlists as a means of personal and creative expression.

❗️What it does

Coverwave is a website that allows users to generate personalized album covers using artificial intelligence. By analyzing a user's Spotify playlists, the platform creates custom cover art that reflects the user's unique musical taste and style. The application utilizes advanced algorithms that consider various factors such as genre, mood, and tempo of the songs in the playlist to create stunning visual representations. Coverwave's intuitive interface and user-friendly features make it easy to generate album covers in just a few clicks.

💻How we built it

Our team member Sam helped us set up Live Share, which allowed us to collaborate on our code in real-time. We built a full-stack application, using Firebase as our main cloud platform for storing our generated images and Stable Diffusion for our generation. For the backend, we used a Spotify-web-API-node package that allowed us to connect to our Spotify accounts and retrieve data from it, such as our playlists or username.

❤️‍🔥Challenges we ran into

It also took a considerable amount of time to come up with intuitive, easy-to-use design concepts and website features. Closing the gap between the front and back ends was also a significant challenge. The process of integrating the two components was complex and required more knowledge of web development. Despite these obstacles, our team was able to overcome these obstacles through effective communication and continuous efforts and successfully develop a fully functional website.

👍Accomplishments that we're proud of

This was our first in-person hackathon, and working in an environment where we could communicate directly with our team members and solve problems was interesting. We are also proud of the incredible ease with which Stable Diffusion and Spotify can be applied to our applications. We spent much time debugging code and deeply learning about web development while solving various errors.

✏️What we learned

We learned much about React and Node.js and how to implement Spotify API and AI generation to send and receive data. Our backend developers were able to learn more about how to create API endpoints, while our main frontend developer learned a variety of website styles.

✔️What's next for coverwave

Our next step is allowing users to customize the settings further to generate their playlist cover and generate as much as they wish until they find something they like. We will receive more accurate information from users and produce several cover pictures based on that information. We will need to discuss what information we will receive from the user.

Built With

• ai
• javascript
• node.js
• react
• spotify
• stable-diffusion