Mundo Geek

Siendo el primer formulario que cree, se puede observar el uso de etiquetas tales como form, select, input (de toda clase: text, email, radio, checkbox) y button (que está viculada a formspree.io) . No era responsiva en sus inicios; ahora sí.

Adopta una mascota!

Aquí puse a prueba por primera vez mi entendimiento de Bootstrap como libreria de maquetado, creando un firmware/mockup tratando de descifrar sus principales componentes, utilidades, su sistema de grid y algunas pocas clases más . La primera versión de éste proyecto fue construida en Flexbox.

La mejor hamburguesa!

Éste proyecto nace de intentar dominar algunas reglas de CSS -estilos y colores- y aplicar Flexbox para entender la relación de elementos padres e hijos que permite distintas posibilidades de posicionamiento. Genial ejercicio luego de entrenarse con las flexyfrogs!

Weather API

En ésta oportunidad intenté traer/consumir datos de una API - openweather - para que el usuario pueda buscar el clima de la region que desee. Se renderiza por pantalla la temperatura, la ST, humedad, viento y presion entre otros datos.

Adivino Shazam!

Este proyecto nace de la idea de aplicar un algoritmo de búsqueda binaria (o binary search) . Todo lo que a éste proyecto le falta de UI/UX lo compensa con la originaliad del código y la idea de jugar con la lógica.

Stockeate

Proyecto final de desarrollo frontend de PDTC. Se trata de una especie de CRUD manejada sólo desde el Frontend, sin construir un servidor ni consumir una API. En vez de eso, usamos el localstorage para emular una base de datos. Además y por iniciativa propia, le agregamos una matriz de login vainilla JS.

To-do App

Este proyecto fue el primer que hice en React por mi cuenta -con algo de apoyo de Google- luego de haber visto los fundamentals de React en el curso Modern React with Redux [2021 Update] de Stephen Grider, aplicando los conceptos de Functional Component, Props system y State con React Hooks.

React Videos

React Videos es una plataforma símil a Youtube. Es el proyecto más complejo que realicé hasta la fecha con React, y se trata de un code-along session de Stephen Grider . Se ve en profundidad los Class components (App.js file) aunque también se usan Functional Components. Se aplica el uso de State system así como también los LifeCycle Methods. Además, se consume y configura la API de Youtube .