live site: Lyricize.
showcase.mp4
This is a MERN app that parses, sorts, and visualizes the top lyrics of your Spotify account's liked songs. I used the Spotify API along with spotify-web-api-node to access all necessary user authentication/data and used genius-lyrics to fetch the lyrics. All information is stored on an instance of MongoDB Atlas. Finally, the responsive bubble visualizations come from @weknow/react-bubble-chart-d3.
In the project directory, you can run:
To start the NodeJS backend in development mode.\
and then in another terminal cd .\client\
To switch to the client directory, followed by another npm run dev
which starts the React frontend in development mode
Open http://localhost:5000 to view the app in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.