Clik here to view.
Site of the year 2015
The Awards for design, creativity and innovation on the internet, aka AWWWARDS, have published the list of nominated projects for 2015. These awards, together with theFWA, are the maximum awards given...
View ArticleJavascript: understanding the weird parts [Part 1]
Looking back and analysing how web technologies have evolved in the latest years, I’ve realised that Javascript is now the single most important skill every web developer must have. It’s everywhere...
View ArticleClik here to view.
Tutorial: build a weather app with React
Launch React Weather AppSource codeIn this React tutorial for beginners, we are going to learn how to build a small and simple React app to display the weather of cities in the world. If you are...
View ArticleHow to create a portfolio in ghost
I’ve been a Wordpress developer for quite some time, but at some point, I got tired of the massive attention that it was getting from hackers. I also started to feel tired of the old LAMP stack and...
View ArticleReact weather
Check the tutorialThis project was converted into a tutorial. Please access the blog post to find out more about it, check the demo and source code.
View ArticleClik here to view.
Javascript: understanding the weird parts [Part 2]
In the previous part of this article, we learned about execution contexts, types and operators, functions, etc. In this part, we are going to learn more about object oriented programming with...
View ArticleClik here to view.
Build a social website aggregator using Meteor
Source codeThis tutorial is the result of my final assignment for the Introduction to Meteor.js Development course by Dr Matthew Yee-King (University of London & Goldsmiths) at Coursera. This...
View ArticleLos antecedentes de los medios interactivos
El siguiente artículo es una reflexión sobre la importancia y significación de la vida cotidiana, la globalización y la inteligencia colectiva para el nacimiento de los medios de comunicación en masa y...
View ArticleOpen Source LMS with React and Node.js
UPDATE 08/2016: The project has been renamed from Hypatia to Nekomy and this is the temporal website and Github repository. Please refer to that site for the latest news regarding the project....
View ArticleClik here to view.
Stack
Stack was my first project when I started to work at Vodafone. Stack’s purpose was to track the projects and activities of teams and organisations within Vodafone in a fun and light-hearted way. Users...
View ArticleClik here to view.
Libros especiales para mí
He de reconocer que no soy un gran lector. No quiero poner excusas, pero mi generación ha tenido muchas distracciones: ordenadores, videojuegos, Internet, televisión,…Aunque no haya leído todo lo que...
View ArticleHow to set up a Node.js (React ES6) app for production on Ubuntu with Nginx...
IntroductionNode.js is an open source JavaScript runtime environment for easily building server-side and networking applications. The platform runs on Linux, OS X, FreeBSD, and Windows. Node.js...
View ArticleClik here to view.
Lighthouse
.loader { border-radius: 100px; } Lighthouse is a centralised visualisation app to help users navigate a complex sea of data, guiding them towards actionable insights.The way it works is very simple....
View ArticleClik here to view.
Nekomy LMS
Source codeDemoProject websiteNekomy, previously known as Hypatia, was my University final project. It is an open source LMS (Learning Management System) focussed on MOOCs.
View ArticleVueJS: first impression and how to work with SVGs
After a delightful year working with React, I decided to explore a new framework. I was looking at Ember (not so popular at the moment), Elm (although is not a framework, it still lacks a lot of...
View ArticleA few more VueJS 2 tweaks for the beginners
This is my second blog post about VueJS 2. In the first one, I covered my initial impressions and how to work with SVGs. In this second post, I’m going to talk about some bits and bobs that I’ve...
View ArticleMove your React JSON API project from Redux to MobX
After a few projects using Redux, I’ve realised that it might not be the best solution for all kind of projects. Don’t get me wrong, redux works great, but I tend to find myself procrastinating a bit...
View ArticleClik here to view.
Canary
.loader { border-radius: 100px; } Canary is an app that allows a quick way to see which Vodafone products can be sold around the World. Some countries have restrictions or legal implications. It also...
View ArticleClik here to view.
Commit
.loader { border-radius: 100%; height: 250px; width: 250px; } Commit is a sales forecasting capture tool that replaces manual forecasting processes. It gathers and displays committed opportunities in...
View ArticleClik here to view.
Vodafone
While working at Vodafone, I was tasked to do an interactive data visualisation piece for one of its clients.The idea was to show a world map with a timeline to represent the mobile calls of a...
View Article