Projects
On this page you will find some of my projects that I believe represent a good part of everything I learned in the area of programming. But before introducing these projects, I think it's important to call attention to this site you are on, my personal website, where I present my professional, contact and portfolio information. It is one of the projects that I am most proud of and I intend to improve it over the years with all the progress that awaits me.
This website was created using Gatsby.js, with the main objective of taking advantage of the speed that the framework provides when producing a static webpage. The design was created by me using Sass and Modular CSS, to guarantee the modularity of the components. I intend to keep the site simple and concise, but I have plans to take advantage of all the benefits that Gatsby brings and to update, in general, the design and structure of the site as needed. If you are interested in accessing the source code, it is available on my GitHub profile, here.
Keeper
GitHubWebpageWeb application based on Google Keep. Developed with React.js and Material UI. This app was developed with the intention of learning the basic concepts of React.js, from creating functional components and controlled components to handling state with hooks. The animations and icons were added through Material UI to resemble Google Keep's design. This version of the app has the basic functionalities of creating new notes and deleting them, but it is in my plans to come back to it and add a few more features and a new design.
Tindog
GitHubWebpageThis project is a responsive landing page model for a fictitious app, developed using only HTML, CSS and Bootstrap. Along with Bootstrap, Media queries were used to make the image elements and the position of the main title of the site responsive.
Blog Website
GitHubWebpageAs a representation for a personal blog, this app has a Contact page and About page to hold the owner's information, along with the Home page where all the blog posts go. All the posts in the Home page are cut to a preview and have their own page that can be accessed through their respectives 'read more' links. New posts can be written in a hidden page, that can be accessed by adding '/compose' to the home URL.
ToDo List
GitHubWebpageFirst version of a task manager web application, written using JavaScript and Node.js (with EJS, Express and MongoDB). This app was developed with the intent to learn how to use Node.js, Express and MongoDB to create a back-end that can contain all of the functionality of the app.
Genius Game
GitHubWebpageSmall project that reproduces the Genius game, of colors, sounds and memory. It was created to study the implementation of sound and animations through JavaScript, CSS and HTML, and learn the functionalities of JQuery. Press any key to start and use the mouse to select the colors in the right order, as the game dictates. If you get it right you pass to the next level, if not you have to start over. A color / sound is added at the end of the sequence per level.