These are some personal projects I have been working on to learn more about different libraries and browser APIs.
I like trying out “the last new thing” in a small project and publish it on my GitHub account, both as a personal reminder of what I did, and to help people looking for examples.
- Spotify TopFind your most listened songs, artists, and genres on Spotify. I built this project to start using cloud databases and familiarise myself with Next.js' different rendering strategies. Built using Next.js and NHost for the database.
Other projects not related with music
- BicielxA PWA to show the list of bike rental stations in Elche, Spain. I did this to try out mapbox and Next.js' PWA plugin.
- AbrevioA Hemingway editor-like for text in Spanish language. Get hints as you write to improve your text readability. This project is built as a PWA with offline support. It uses React and DraftJS.
Spotify libraries and explorations
Some libraries to make it easier to use Spotify's Web API:
- spotify-player, a library to interact with Spotify's player endpoint, with built-in authentication and token refresh. Ideal for codepen and any simple demo.
- An exploration of using Polymer to build components for Spotify (prior to having web components widely available): a search component, a responsive cover art, and a save a playlist button.
- A basic Spotify Web Player using React and Flux
- A proof of concept of a GraphQL provider for the Spotify Web API
- A visualization of most followed artists and genres in Spotify
- Extendify is a Chrome extension that adds a Spotify Play Button on Wikipedia and other pages to play music for songs, albums and artists. You can install it from the Chrome Web Store.
Other projects made just for fun:
- A JS crusher that can be used in JS1K contest submissions.
- A promise throttle library which is useful to avoid rate limiting when using REST APIs.
- A library to convert REST API definitions from RAML to Swagger.
- A compilation of web performance tips on WPO Techniques: A list of good practices for improving website performance.