{"id":15462750,"url":"https://github.com/thomasbnt/lastfmprofile","last_synced_at":"2025-04-22T10:38:20.633Z","repository":{"id":65262560,"uuid":"555614706","full_name":"thomasbnt/lastfmprofile","owner":"thomasbnt","description":"An example of to get data from the API of Last.fm and show with Vue 3.","archived":false,"fork":false,"pushed_at":"2025-04-17T07:40:30.000Z","size":798,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-22T10:37:58.485Z","etag":null,"topics":["api","cloudflare-pages","lastfm","sass","vitejs","vuejs"],"latest_commit_sha":null,"homepage":"https://lastfmprofile.thomasbnt.dev","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thomasbnt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-10-21T23:56:20.000Z","updated_at":"2025-04-17T07:40:33.000Z","dependencies_parsed_at":"2023-11-07T18:25:44.387Z","dependency_job_id":"83fdd110-636b-4d1f-82fb-111103ad3784","html_url":"https://github.com/thomasbnt/lastfmprofile","commit_stats":{"total_commits":145,"total_committers":2,"mean_commits":72.5,"dds":0.2551724137931034,"last_synced_commit":"a641fd3eabe31b42cb40d7f17ea537aeaddd6712"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasbnt%2Flastfmprofile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasbnt%2Flastfmprofile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasbnt%2Flastfmprofile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thomasbnt%2Flastfmprofile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thomasbnt","download_url":"https://codeload.github.com/thomasbnt/lastfmprofile/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250222046,"owners_count":21394807,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","cloudflare-pages","lastfm","sass","vitejs","vuejs"],"created_at":"2024-10-02T00:04:19.484Z","updated_at":"2025-04-22T10:38:20.580Z","avatar_url":"https://github.com/thomasbnt.png","language":"Vue","funding_links":["https://github.com/sponsors/thomasbnt"],"categories":["Vue"],"sub_categories":[],"readme":"[![Made with VueJS](https://img.shields.io/badge/-Made%20with%20Vue.js-4fc08d?\u0026logo=vuedotjs\u0026logoColor=white)](https://vuejs.org/)\n![GitHub last commit](https://img.shields.io/github/last-commit/thomasbnt/lastfmprofile)\n[![Depfu](https://badges.depfu.com/badges/d58e1739b5b419966ab0ee6fba8c13da/count.svg)](https://depfu.com/github/thomasbnt/lastfmprofile?project_id=36899)\n[![Discord](https://img.shields.io/discord/367753345575944221?color=%237289DA\u0026label=Discord%20server\u0026logo=discord\u0026logoColor=white)](https://thomasbnt.dev/discord)\n[![Twitter Follow](https://img.shields.io/twitter/follow/Thomasbnt_?color=%231DA1F2\u0026label=Follow%20me\u0026logo=Twitter)](https://twitter.com/Thomasbnt_)\n[![Last.fm profile](https://img.shields.io/badge/Follow%20me%20on-Last.fm-af0000)](https://www.last.fm/user/thomasbnt)\n[![GitHub Sponsors](https://img.shields.io/badge/Sponsor%20me%20on%20GitHub%20-%23EA54AE.svg?\u0026logo=github-sponsors\u0026logoColor=white)](https://github.com/sponsors/thomasbnt) \n\n# Getting data\n\nAn example to get your data from **Last.fm**. Work with **VueJS**, **fetch** and the **[API of Last.fm](https://www.last.fm/api)**.\n\n\u003e **Note**\n\u003e\n\u003e [See the preview of this project here →](https://lastfmprofile.thomasbnt.dev/)\n\n[![Preview of this project](https://user-images.githubusercontent.com/14293805/197307013-a8faf54f-99f9-4aee-94a1-05f0767e5168.png)](https://lastfmprofile.thomasbnt.dev/)\n\nYou 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 :\n\n```\nhttps://lastfmprofile.thomasbnt.dev/?key=YOUR_LASTFM_KEY\u0026username=YOUR_LASTFM_USERNAME\n```\n\n`key` is your **API key** and `username` is your **username** on **Last.fm**.\n\n\n\u003e **Note**\n\u003e\n\u003e More projects like that ?  [Check this list](https://github.com/stars/thomasbnt/lists/created-api-stuff).\n\u003e\n\u003e [![See the list of awesome projects with an API](https://img.shields.io/badge/See%20the%20list%20of%20awesome%20projects%20with%20an%20API%20→-informational?style=for-the-badge)](https://github.com/stars/thomasbnt/lists/created-api-stuff)\n\n\n___\n\n## How to setup the project ?\n\nEdit the [`.env.example`](.env.example) into `.env` and add your **Last.fm API key**.\n\n```bash\n# .env\nVITE_USERNAME=thomasbnt\n# Caution : VITE_ prefix is required, and he show to the client your key.\nVITE_LASTFM_KEY=YOUR_API_KEY\n```\n\n### And how to get the Last.fm API key ?\n\nYou can get your **Last.fm API key** [here](https://www.last.fm/api/account/create) or [grab an already created key](https://www.last.fm/api/accounts).\n\n\n## The behind the scene\n\nThis project use **Vue.js** and **Vite**. Also, a bit of **SASS**, and **[Lucide](https://lucide.dev/)** for icons.\nThe font family is [Lato](https://fonts.google.com/specimen/Lato).\n____\n## How to develop this project\n\n### Project setup\n```bash\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```bash\nyarn serve\n```\n\n### Compiles and minifies for production\n```bash\nyarn build\n```\n\n### Lints and fixes files\n```bash\nyarn lint\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomasbnt%2Flastfmprofile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthomasbnt%2Flastfmprofile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthomasbnt%2Flastfmprofile/lists"}