This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

In our intermediate project we aimed to create a set of graphs indentifying key trends within our dataset as well as a gameplay that allows the user to input their choices in different attributes (ex. liveliness, energy, danceability, etc.) and the program will offer the user five songs that have matching outputs. This project not only has many implications for helping in the field of AI music, but offers some unique prospectives for the viewers. Additionally the program requires extensive use of databases to work. We were able to successfully create the set of graphs and design the website.

To run clone the repository and in one terminal run uvicorn backend.main:app --reload Second terminal for the frontend run npm run dev There might be libary issues which might need to be installed either using homebrew or pip. Such as: pip install kagglehub Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.