Personal Projects

These are some personal projects I have been working on to learn more about certain libraries and browser APIs.

I like trying out “the last new thing” in a small project and publish it on GitHub, both as a personal reminder of what I did, and to help people looking for examples.

Music/Audio Projects

• Spotify Dedup (mobile)

  A mobile application to find and remove duplicated tracks from your Spotify library.

  I did this to get started building apps with React Native and Expo.

  WebsiteGitHub

• BPM

  Calculating the BPM of a song using Javascript.

  I did this to play with the Web Audio API and show a useful example of using the Spotify Web API.

  WebsiteGitHub

• Karaoke

  An exploration of audio manipulation using browser libraries to remove voices from songs.

  I did this to play with the Web Audio API... and to realise I'm not very good at singing.

  WebsiteGitHub

• iQuiz

  A fun quiz game about your saved Spotify playlists. Do you really know about your saved music).

  I did this to play with the Web Audio API and Speech Synthesis API.

  WebsiteGitHub

Some useful tools built as single page apps

• Abrevio

  A 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.

  Website

• C - Spotify

  A collaborative listening room using Spotify.

  This project uses Spotify's APIs to log users in, search tracks and play them on any device through Connect. It was also an excuse to try out Next.JS.

  WebsiteGitHub

• Sync subs

  A handy tool to apply an offset to a subtitle file.

  I did this to play with the File API, CommonJS modules (including testing), and Service Workers (offline support).

  WebsiteGitHub

• LinkedIn to JSON Resume

  An exporter from a LinkedIn profile to JSON Résumé.

  I did this to play with the File API and ES6.

  WebsiteGitHub

• Spotify Dedup

  A simple tool to remove duplicated tracks from a user's Spotify playlists.

  I did this to play with knockout and handling lots of async operations using promises.

  WebsiteGitHub

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: 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 wrapper for the Spotify Web API in Javascript, and a proof of concept of a universal wrapper using ES6 and named exports
  • 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.

Random things

• Other projects made just for fun:

  • A JS crusher that can be used in JS1K contest submissions.
  • A promise throttle which is useful to avoid rate limiting when using REST APIs.
  • A library to convert REST API definitions from RAML to Swagger.
  • WPO Techniques: A list of good practices for improving website performance