Natalio
Di Giacomo Disponible para trabajar

Desarrollador Frontend

Como autodidacta en el desarrollo web y el deseo de conocimiento, me adentré en el mundo de la programación.
Mi habilidad para enfrentar nuevos conceptos y tecnologías, es una prueba de mi dedicación al crecimiento continuo.
Apasionado por la escritura de código limpio y eficiente para construir interfaces web modernas y visualmente atractivas.

Skills

Proyectos

SpaceX Clone

Clonación del sitio web de SpaceX utilizando tecnologías como AstroJS, React y Tailwind. Explora los lanzamientos a través de esta recreación, desarrollada con TypeScript y aprovechando la API gratuita de SpaceX.

Visita el sitio aquí o revisa el código en GitHub.

  • Astro.js
  • React.js
  • Tailwind
  • TypeScript
  • Api Rest
  • HeadlessUI
Captura de pantalla del proyecto /projects/SpaceX.webp

Multi Step Form

Formulario de varios pasos donde puse a prueba mis habilidades para validar tipos y condiciones en las distintas etapas del formulario. Uno de mi primeros proyectos con TypeScript. Desafío de la plataforma de Frontend Mentor.

Visita el sitio aquí o revisa el código en GitHub.

  • Vite.js
  • React.js
  • Tailwind
  • TypeScript
Captura de pantalla del proyecto /projects/MultiStepForm-1.webp

Easybank Landing Page

Página de inicio, donde puse a prueba mis habilidades de diseño y distintas transiciones dentro de la página. También es un desafío de la plataforma Frontend Mentor.

Visita el sitio aquí o revisa el código en GitHub.

  • Vite.js
  • React.js
  • Tailwind
  • TypeScript
  • HeadlessUI
Captura de pantalla del proyecto /projects/Easybank-1.webp

Weather App

Aplicación del clima, donde aplico mis conceptos de manejo de estados (Hooks) con React y el uso de una API para mostrar los datos que el usuario solicite en tiempo real.

Visita el sitio aquí o revisa el código en GitHub.

  • React.js
  • CSS
Captura de pantalla del proyecto /projects/WeatherApp.webp

CocaCola Landing Page Clone

Esta es mi primera página realizada con puro HTML y CSS. Intenta replicar la página de inicio de una empresa.

Visita el sitio aquí o revisa el código en GitHub.

  • CSS
Captura de pantalla del proyecto /projects/CocaColaClone.webp

Social Media Theme Switcher

En esta aplicación, sigo poniendo a prueba mis conocimientos en el uso de estados, creando un modo oscuro. Agrego el hook useContext de React para que el modo oscuro o claro se pueda usar en los distintos componentes. Esta práctica es muy útil en aplicaciones más grandes.

Visita el sitio aquí o revisa el código en GitHub.

  • React.js
  • CSS
  • Vite.js
Captura de pantalla del proyecto /projects/social-media-switcher-theme.webp

Snap Landing Page

Sección de introducción con navegación desplegable. Desafío de Frontend Mentor donde pongo a prueba mi capacidad para crear menús desplegables y de diseño básicos.

Visita el sitio aquí o revisa el código en GitHub.

  • Astro.js
  • React.js
  • Tailwind
  • TypeScript
  • HeadlessUI
Captura de pantalla del proyecto /projects/SnapLandingPage.webp

Anterior Portafolio

Mi primer portafolio, donde se aprecia, a mi parecer, el crecimiento que tuve desde que empecé a desarrollar proyectos. También se pueden ver mis conocimientos en algo de backend, pero me decidí por el desarrollo frontend porque me apasiona más el diseño de interfaces modernas.

Visita el sitio aquí o revisa el código en GitHub.

  • Next.js
  • CSS
Captura de pantalla del proyecto /projects/AntiguoPortafolio.webp