what I've been doing

Study-projects

Here is a list of all my projects followed by a small description of each one. You can have access to the source code and a sample of them, when clicking the correspondent button.

The works are laid out in progressive order of development and follow my route as a Web Developer Learner, so from the basic to more advanced concepts. More projects will be posted as I managed to finish and publish them. Stay tuned for more

CSS Zen Garden

This project was created while watching some lessons from Teamtreehouse about Typography. The idea was to pick a fairly famous challenge "The CSS Zen Garden" and completely transform it without using a single line of JavaScript or altering the HTML5 code. Everything was transformed using the power of CSS and the basic knowledge acquired about typography.

CSS ZenGarden Source Code

Natours

Natours is a simple landing page for a fictional tourism company. The project was created as part of the lessons from the Udemy Course from Jonas Schmedtmann. Here I learned how to create a compelling website with only CSS and its basic concepts, one of the more advanced topics included was dynamic events such as transform and transition. No Flexbox or Grid was applied.

Natours Source Code

Trillo

As part of the same course as the Natours one, this project was created to simulate a all-in-one booking application. Here the main goal was to apply more modern and advanced CSS concepts such as flexbox. The challenge was how to place the elements on the page in a way to make then harmoniously combined and at the same time easier to maintain and make it responsive.

Trillo Source Code

Nexter

Nexter was the final project of the CSS Advanced Course. Here I learned how the most modern tool in CSS works - Grid. A powerful tool to be used whenever a complex two dimentional website with many images must be developed. Even though Grid is very helpful when dealing with more challenging layouts, I learned that not all web browsers fully accept it. To my eyes, this represents a tool for the future, let's wait what the web browsers' capabilities will have in the near future.

Nexter Source Code

Weather App

JavaScript is the next big step after learning the basic concepts of HTML and CSS, so I went further and started this new Journey. The Application is enterely created using JavaScript in the backend (using Nodejs and Express). Here I learned how to work with API and Asynchronuos request, how to grab the data that I need and implement in a simple Web Application. I also learned how to publish a Webapp on Heroku, a famous plataform for webdevelopers.

Weather Application Source Code

isRandom

isRandom is just a very simple WebApp created using the PHP language. No complicated backend, just pure frontend with a little bit of logic designed using PHP basics concepts. Its design was implemented using CSS integrated with the PHP frontend code.

isRandom Source Code