Motion

Inspiration:

Our inspiration was to create a friendly and interactive website where users can input movies they like the vibe of and receive personalized recommendation for both movies and songs. We were inspired by spotify-created playlists such as “Daylist” and wanted to put our own spin on it. Since we all have wanted the “feeling of being in a movie,” we are happy with our project.

What it does:

The user will be taken to a landing page where they will be prompted to input a movie that they enjoy. After clicking search, the user will be introduced to other movies similar to the input and 5 songs that match the genre/keywords of the input. If the input does not exist in our data-set from Kaggle, the user will be taken to an error page explaining the issue.

How we built it:

We built the website using React.js, JavaScript, and CSS for our frontend, and Flask and Python for our backend. Furthermore, we found the datasets used in our program from Kaggle. We also used Visual Studio Code as our IDE and Git and Github for version control.

Challenges we ran into:

The main challenge we ran into was connecting the Flask backend to our React frontend, and ensuring that data could go from one end to the other. Namely, these challenges included Cross-Origin Resource Sharing (CORS) related errors

Accomplishments that we're proud of:

We are proud of creating a visually appealing application that integrates concepts of machine learning. By implementing machine learning algorithms, we allow users to achieve personalized recommendations.

What we learned:

Through this project, we learned how to create a matrix for comparing datasets, as well as the difficulties of using Spotify API to generate songs based off of keywords and genres. We also gained a lot of information on how to use React to help connect our front-end with our back-end. We now have learned how to use datasets to create fun applications that can summarize data and output useful data such as other songs or movies we might enjoy.

What's next for Motion:

We hope to create a better formula for generating songs based off of movies as our application doesn’t fully capture the ambience of the user-inputted movie at times. We also hope to continue to add to our design by allowing each of the songs to play with the click of a button on our website. Additionally, we would love to add similar shows, books, colors, and more!

Built With

• css
• flask
• javascript
• python
• react.js