Projects

Twitter clone

Single page application done with Vue.js and Vuex (state management). The user is able to create a profile, log in, follow users, search users and write, like and search tweets. It consists of five views: Log in/log out, timeline, search engine, tweet writer and users profile. It has been developed focused on mobile, and adapting it to wider screens.

Project-image

Twitter clone API

Restful API built in node with express and connected to a mongodb database through mongoose. To be able to sign up and log in I have used JWT authorization. Once you have an account you can search users, follow them, send tweets, like tweets, remove them and delete your own account.

Project-image

Bus stop google assistant action

Google action to check the time it’s going to take the next bus to arrive to a specific bus stop. It consists of two difference Netlify Lambda functions:

  • Action lambda, which setup the webhook client to process the questions and answers through google assistant and make the request to get the bus stop information.
  • Bus stop lambda, which returns the information based on the bus stop number and line received.

Project image

Marvel comics searcher

Vue.js project that fetch data from the marvels API, let you make a search of a comic and give you some detail information. It consists of two views: home and detail.
Trying to make the code easy to understand and maintain, I have focused on writing reusable and independent components.

Project image

Front-end Libraries Certification

To achieve this certification you are free to use any front-end libraries. I decided to use React because it's the one I'm most interested in at this moment.

The first project, random quote machine, has to fetch a phrase and its author asynchronously. You have the option to generate a new phrase or tweet the current one.

The Markdown previewer must print the text written as markdown in the editor container as html in the preview container.

Project image

Algorithms And Data Structures

These are the five projects needed to obtain the FreeCodeCamp certification of JavaScript Algorithms and Data Structures. I also did a basic interface to be able to easily test some of them.

The only one that has no visual interface is the Cash Register project. It consists of design a function that accepts purchase price as the first argument, payment as the second, and cash-in-drawer (2D array listing available currency) as the third. Then, the function should always return an object with a status key with the state of the cash register as the value and a change key with the change due as the value.

Project image

Netflix Clone

A pixel-perfect challenge to test the knowledges in layout with html, css and sass. It is a clone of the Netflix desktop platform (this project was not proposed to be responsive). It consists of three parts, the main page, the search page and the video playback page.

Project image

Spotify concept

Layout of a Spotify concept done just with HTML and CSS. Based on a mockup design for desktop with some changes made by me to be responsive on smallest devices.

Project image

Skills

TypeScript

Node

Vue

Express

React

Jest

Git

Mongodb

Azure

Bash

Docker

Storybook

Html

Css

Sass

About me

Profile picture

I’m a full-stack developer with experience working on agile environments based on Scrum. In my day to day, I work with testing, microservices, CI/CD, and some other technologies. Besides, I’m accustomed to work remotely.

I’m currently focus on carrying out good practices and improve my knowledge in testing, design patterns, clean code principles, algorithms and data structures.