Logo

Tools

Curiosity and observation to understand the problem and imagination and creativity to develop the solution are fundamental skills for a developer.

But also to be a secret agent, chess player champion, fisherman and Sherlock Holmes.

That's why I've learned about a few tools...

  •  
    ireland weather app

    • heroku

    • d3.js/visx

    • react

    • redux

    • express

    • nodejs

    Check the application here »

    Simple app built using d3.js, react and express that shows the weather in ireland.

    The frontend is built using react, redux and d3 libraries and connected to a simple express application (nodejs framework) hosted on heroku. the backend uses the weather api openweather and the geocoding api nominatim.

    the backend also caches the daily requests so that the requests to the apis are minimized

    to see the aplication code, you can find the frontend repository here and the backend here

    How to use the application:

    The application shows a map of Ireland where the user can select any location on the map to show the weather for that area in particular.

    The user also can search for a place in ireland using the input box at the top right

    If the user is only interested in an area in particular, it also can hover over the weather icon to see more information about that area or select it in the side section

  •  
    Webpack Boilerplate Landing Page

    • Webpack

    • Babel

    • PostCSS

    • Javascript

    • HTML

    • CSS

    check the test landing page here »

    A simple landing page built from the template Notify PSD Theme from 365psd.com.

    The motivation of this project is to test the Web project Boilerplate, which I built using Webpack, Babel and PostCSS to have a starting point on future projects for static websites.

    The boilerplate provides a basic webpack configuration to quickly get the project running and allow the developer focus on the website code instead on the configuration.

    Among other characteristics, the boilerplate provides a live server with hot reloading, brotli compression and javascript and CSS polyfills using postCSS and babel for old browsers compatibility.

    The landing page is set on the Netlify platform which provides a node environment to build the webpack project. Netlify pulls the code from the master branch of the github repository and compiles it every time there is a new commit.

  •  
    Portfolio Webpage

    • Webpack

    • Babel

    • PostCSS

    • Javascript

    • Pug

    • tailwindcss

    This webpage has been built on top of the web project boilerplate which includes libraries such as Webpack, babel and postcss to bundle an efficient and small deliverable that works in a wide range of browser using as well the las technologies

    The project has been built using ECMAScript 2018 syntax and last CSS features such as clip-path and mask-image relaying in Babel and PostCSS Preset Env to make it compatible with a wide range of browsers

    It uses Pug template engine and tailwindcss CSS framework. Therefore the developer can see the structure (markup) and styles (tailwindcss utility classes) in the same file

    The page has been divided into layouts: unique parts of the page, components: parts that can be used more than once and across different sections, styles with general styles and scripts with general javascript helpers and code

    Either components and layouts have a pug, style and css file. The content of those files are specific for the component/layout but also general styles or javascript code might be required. The CSS or JS required might be in the scripts or styles folders but also imported from libraries such as tailwindcss or interact

    The content is abstracted from the markup, css and javascript in the folder data, which contains a cson file for each section with all the content. So that to manage content is relatively easy without having to do changes in the code files

    The code is minified in the deployed version , therefore to see a readable version just visit the Gitlab repository here

    The page has been hosted using Netlify which pulls the code directly from the repository and compiles it every time there is a new commit into the master branch

Antonio

I've always been extremely curious and when I was a kid I use to open all kind of devices that fall in my hands just to know how they work. By the age of 15 I knew how different devices such as TVs, fridges, cars and computer work. I also developed a good problem solving skills as I always had to fix them which was easier than explain it to my parents.

I decide to study environmental science and learn how that incredible machine called life works. but at the same time I learn how to build a computer, or turn my console into a media player or install linux. Basically I realized that my real passion was coding

During my years at college coding and solve computer issues was in my list of hobbies, sharing the same position than cycling, swimming, enjoying a good movie in the cinema, make a good meal (or enjoy the good meal in a restaurant) and catching up with your friends while having a beer

In 2012 I decided to move abroad to learn English. I move to Ireland where I found fantastic opportunities to develop my coding skills and become a Web Developer

Today I feel lucky as I can say that my work is my hobby.

Web Developer

In my opinion a good developer should be curious with a strong ability to observe and find possible issues. It also needs a strong imagination to create and apply the possible solutions.

Beside those soft skills, a developer needs dedication to learn and experiment about new technologies, libraries and frameworks as Information Technology is a sector where everything move fast and applications quickly get outdated

As a Web developer I use my curiosity and problem solving skills that I have since I was a kid and I also apply the scientific techniques and methods that I learnt at college.

But that is not enough, I studied a higher diploma in software development and I became a fan of online learning platforms such as udemy or coursera where I keep updated about new libraries and frameworks.

I focus on quality and I always try to get the most simple an efficient solution believing that this is the way to get reusable and maintainable code

When I'm not working in new projects, I go back and rewrite the old ones, trying new frameworks and different ways to achieve the solution. So that, I always keep gaining experience and learning about new technologies.

Why and Who is Silveste?

When I started college I had to set my user to get access to the IT services. I had to choose a nickname and obviously Antonio was already taken. Luckily in the college IT room, in front of me there was an old poster of the movie Demolition Man, I remember asking myself how that poster ends up in that room and then I took Silvester (leaving Stallone) as a nickname.

However, the system required max 8 chars so I got rid of the "r" and it end up being Silveste. Since then, I kept using it for other accounts following the principle don't change something that works.

The avatar came later, when a group of friends and me ordered to Helena Bermejo a drawing with all of us as a present for another friend

Helena created an individual drawing of each of us and then put all together. she did such a good job that since then, I started to use my own drawing as my avatar for all my accounts.

Nowadays the main reason of Silveste and the avatar, is that is better SEO strategy than Antonio Fernandez. Silveste is less common, easier to find and unlike my photo, the drawing will never change.