PORTFOLIO

WEBSITES

A selection of websites that I have coded while working at Artiq. These websites have been designed by the team there, then coded by me. Some of them use Wordpress which is always added afterwards at a later phase in the development cycle.

JAVASCRIPT

A selection of little projects and code snippets where Javascript is the main protagonist. While I use Javascript at work (mainly jQuery), these are usually side projects that I do in order to learn (ES6 for example) or to refresh concepts.

HTML / CSS

While HTML & CSS is what I use the most, I don't have a lot of code snippets to show. The biggest showcase for these 2 technologies are my websites and this very own website which is built using a combination of CSS Grid, Flexbox and SaSS.

REACT

Toy apps that I have coded while following a tutorial or a course. I expect this section to grow in 2019. While React is not something that I ever use professionally for now, it is nice to get to learn a little bit about the trending technologies out there.

NODE.JS

Diving into the backend of things.

Dresscode

A website first coded in regular HTML/CSS and JS, converted to WP to handle the addition of content by the client.

View Project ›
WEB

Oxi

A website first coded in regular HTML/CSS and JS, converted to WP to handle the addition of content by the client.

View Project ›
WEB

Matmik

We started of Matmik with a theme, which was then very customized to match the design and client needs for this e-commerce website.

View Project ›
WEB

ScarlettBcn

This single page website features some interesting and playful design with z-index, a side menu with modals and forms and smooth scrolling.

View Project ›
WEB

Eva Jiménez

This website was the result of a SEO study to help the client criteria and needs. Coded in HTML, CSS, Javascript and PHP.

View Project ›
WEB

Ana Paúl

A website first coded in regular HTML/CSS and JS, converted to WP to handle the addition of content by the client.

View Project ›
WEB

BookList App

ES6 Classes, event delegation, LocalStorage and Bootstrap 4(no stylesheet).

View Project ›
JS

Food2Fork API

Working with the Food2Fork API, ES6 async and await functions and template literals

View Project ›
JS

Budget App

A budget App made in ES6, using several Array methods like map or reduce, arrow functions and event delegation for dynamic event handlers.

View Project ›
JS

Calculator

A Javascript calculator App, not using eval(), styled in CSS Grid.

View Project ›
JS

RGB Game

My take on the RGB Game from "The web developer Bootcamp" Udemy course

View Project ›
JS

Metaweather

ES6 async and await using the Metaweather API to create a little weather App

View Project ›
JS

TicTacToe

A TicTacToe game made in JS, using Array methods and Event delegation with HTML data attributes.

View Project ›
JS

ES6 Classes

Working with the ES6 newly introduced "classes". Displayed in CSS Grid to create a nice responsive gallery.

View Project ›
JS

Filter Items

A simple filtering code snippet, a simplified version of the one utilized in this portfolio.

View Project ›
JS

Pig Game

My version of the pig game from The Complete Javascript Course by Jonas Schmedtmann (Udemy). ES5

View Project ›
JS

Web Player

A little web player made with Jplayer. Eventually this little app grew into a full webplayer with it's own playlist in a client's website.

View Project ›
JS

Bootstrap 4

A landing page to study new Bootstrap 4 elements

View Project ›
CSS

Grid Landing

A simple landing page as a CCS Grid practice

View Project ›
CSS

Grid Gallery

A CSS Grid gallery using the Auto-fit property

View Project ›
CSS

Sticky Text

Following a "SuperHi" tutorial on sticky text, the effect can be appreciatted by scrolling down, images remain fixed while text scrolls up and down

View Project ›
CSS

Fullpage.js

A Page using fullpage.js and flexbox, a project made in 2016

View Project ›
CSS

React Blog

This App is under construction (finished under the hood). A React Blog using react-router, redux, Axios and Materialize.

View Project ›
REACT

Clarifai API

A React App that uses the Clarifai API with Axios to get data from the submitted images

View Project ›
REACT

Robofriends

A toy App from the Udemy course "The Complete Web Developer in 2019: Zero to Mastery".

View Project ›
REACT

React Todo's

Yet another To-Do App. A form and a list Components, under a parent Component to handle the state. Using "Materialize" for the CSS.

View Project ›
REACT

Weather App

A Node.JS and Express App using different API's to fetch the weather. Also using handlebars as a templating engine. Deployed on Heroku.

View Project ›
Node