Skip to content

An example of to get data from the API of Last.fm and show with Vue 3.

Notifications You must be signed in to change notification settings

thomasbnt/lastfmprofile

Repository files navigation

Made with VueJS GitHub last commit Depfu Discord Twitter Follow Last.fm profile GitHub Sponsors

Getting data

An example to get your data from Last.fm. Work with VueJS, fetch and the API of Last.fm.

Note

See the preview of this project here →

Preview of this project

You can test the project in two ways. Either you enter the two values in the form settings or you fill in the data directly in the URL :

https://lastfmprofile.thomasbnt.dev/?key=YOUR_LASTFM_KEY&username=YOUR_LASTFM_USERNAME

key is your API key and username is your username on Last.fm.

Note

More projects like that ? Check this list.

See the list of awesome projects with an API


How to setup the project ?

Edit the .env.example into .env and add your Last.fm API key.

# .env
VITE_USERNAME=thomasbnt
# Caution : VITE_ prefix is required, and he show to the client your key.
VITE_LASTFM_KEY=YOUR_API_KEY

And how to get the Last.fm API key ?

You can get your Last.fm API key here or grab an already created key.

The behind the scene

This project use Vue.js and Vite. Also, a bit of SASS, and Lucide for icons. The font family is Lato.


How to develop this project

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.