Fullstack Developer

I build things for the web.

Foto de perfil de Franco Carballar

Soy un joven desarrollador apasionado de la ciencia y la tecnología. Comencé mi carrera como autodidacta y tengo experiencia en el diseño y desarrollo de sitios web.

Mi enfoque principal está en el rendimiento, la experiencia del usuario, las buenas prácticas de SEO y la escalabilidad.

Mi objetivo es crear productos o servicios que mejoren la vida de las personas.

Experiencia

  1. Chief Technology Officer - CTO

    BeTrusty

    Como CTO y Full Stack Developer trabajé en una startup donde lideré el desarrollo de BeTrusty, una plataforma tecnológica para la gestión de alquileres de propiedades. Mi enfoque estuvo centrado en construir una solución que prioriza la confianza, transparencia y trazabilidad a través de la potencia de la tecnología blockchain. Desempeñé un papel clave desde la concepción hasta el lanzamiento de la plataforma.

    Responsabilidades:

    • Liderazgo en la planificación estratégica, asegurando que la visión del proyecto estuviera alineada con los objetivos comerciales.
    • Implementación de autenticación robusta con Google, Facebook y correo electrónico para garantizar la seguridad de los usuarios.
    • Implementación y supervisión del proceso de “Know Your Customer” (KYC), garantizando la verificación segura y eficiente de la identidad y el número de teléfono de los usuarios.
    • Desarrollo de la interfaz de usuario (UI) con React.js, Next.js y TailwindCSS.
    • Diseño y administración eficiente de la base de datos para respaldar la escalabilidad y confiabilidad del sistema.
    • Desarrollo y consumo de API’s REST para establecer una comunicación eficaz entre la interfaz de usuario y el sólido backend.
    • Conexión de la aplicación web con billeteras cripto.

    Logros Claves:

    • Exitoso lanzamiento del MVP, sometido a pruebas con usuarios reales, validando así la viabilidad y aceptación del producto.
    • Transición exitosa del MVP a un proyecto más amplio con reservas realizadas, demostrando la escalabilidad y el impacto comercial.
    • Optimización del rendimiento del sitio en un 90% mediante la reducción de imágenes y minificación de archivos.
    • Mejora del 100% en la accesibilidad del sitio a través de la implementación de prácticas de diseño inclusivo.
    • Implementación de Next.js para lograr una navegación rápida y fluida del sitio web, mejorando la experiencia del usuario y la retención.
    TypeScript Node Express Next React Firebase Webpack Cluodinary TailwindCSS CSS Flowbite NextUI Eslint Prettier Husky
  2. Full Stack Developer

    Think and Dev

    KING OF DEVS 3.0 - [Hackathon]

    BeTrusty es una plataforma tecnológica diseñada para la gestión de alquileres de propiedades, que ayuda a propietarios e inquilinos a construir confianza, transparencia y trazabilidad utilizando los beneficios de la tecnología blockchain.

    Responsabilidades:

    • Crear y presentar el Pitch Deck.
    • Liderar y organizar el equipo.
    • Investigar el tamaño del mercado (market size) y el alcance del proyecto.
    • Desarrollar de la interfaz de usuario (UI) de la de la aplicación web utilizando TypeScript, React.js, Next.js y TailwindCSS.
    • Diseñar la UI/UX de la plataforma.
    • Integrar firebase para la autenticación de los usuarios y almacenar los datos.
    • Desarrollar un backend con TypeScript, Node.js y Express.js para crear las API’s y endpoint’s necesarios.

    Logros claves:

    • Ganamos el primer puesto en la categoría QuarkID de este hackathon.
    • Quedamos seleccionados entre 10 proyectos de Latinoamérica para ser incubados por Speezard.
    • Cumplir en términos y condiciones el desafío.
    TypeScript Node Express Next React Firebase Webpack Cluodinary TailwindCSS CSS Flowbite NextUI Eslint Prettier Husky
  3. Frontend Developer

    Ethereum Argentina

    Ethereum Argentina - [Buildathon]

    Sallet es una billetera descentralizada prefinanciable diseñada para mejorar la confianza, la eficiencia y la experiencia del usuario dentro de las microeconomías de eventos.

    Responsabilidades:

    • Desarrollar de la interfaz de usuario (UI) de la de la aplicación web utilizando React.js, Next.js, ChakraUI y CSS.
    • Investigar el market size y el alcance del proyecto (TAM SAM SOM).
    • Ayudar a crear un modelo de negocios.

    Logros claves:

    • Cumplir en términos y condiciones el desafío.
    • Iterar repetidamente la idea para llegar a presentar el mejor producto posible en un plazo de 48hs.
    • Descentralizar la microeconomía de los eventos mediante el uso de la tecnología blockchain.
    TypeScript Next React Ethers ChakraUI PWA
  4. Frontend Developer

    Think and Dev

    KING OF DEVS 2.0 - [Hackathon]

    TrustWork es una solución innovadora que combina lo mejor de la tecnología web3, blockchain, inteligencia artificial y soluciones de pago innovadoras para revolucionar la forma en que los clientes y freelancers interactúan y realizan transacciones.

    Responsabilidades:

    • Liderar y organizar el equipo.
    • Desarrollar de la interfaz de usuario (UI) de la de la aplicación web utilizando React.js, Next.js y TailwindCSS.
    • Diseñar la UI/UX de la plataforma
    • Investigar el tamaño del mercado (market size) y el alcance del proyecto.
    • Integrar firebase para la autenticación de los usuarios y almacenar los datos.

    Logros claves:

    • Cumplir en términos y condiciones el desafío.
    • Crear un MVP funcional en 72 hs
    TypeScript Node Next React Firebase TailwindCSS CSS NextUI Eslint Prettier
  5. Frontend Developer

    NASA - National Aeronautics and Space Administration

    NASA SPACE APPS CHALLENGE - [Hackathon]

    Elegimos abordar el desafío de crear un superhéroe biológico que logre superar las diferentes dificultades de la vida interplanetaria. Lo más valioso de estas actividades fue aprender de un equipo multidisciplinario sobre el espacio, biotecnología, ingeniería, programación, diseño 3D y mucha creatividad. Yo cumplí el rol de desarrollador web, dentro de este equipo.

    Responsabilidades:

    • Desarrollo de la interfaz de usuario (UI) de la de la aplicación web utilizando React.js, Next.js y CSS.
    • Investigación científica en áreas como el espacio, la biología y la biotecnología para afrontar este desafío.
    • Participar en la planificación y organización del proyecto.

    Logros claves:

    • Cumplir en términos y condiciones el desafío.
    • Mejora del rendimiento del sitio en un 90% a través de la optimización de imágenes, la minificación de archivos y utilizando la estrategia de lazy loading.
    • Mejora de la accesibilidad del sitio en un 100% a través de la jerarquía adecuada de las etiquetas, textos alternativos para las imágenes, etc.
    JavaScript Next React Next Auth TailwindCSS Three
  6. Frontend Developer

    Bear Builders

    BEAR BUILDERS - [Hackathon]

    Creamos una aplicación descentralizada (Dapp), de apuestas deportivas. Éramos un equipo multidisciplinario de 6 miembros. Yo cumplí el rol de desarrollador frant-end.

    Responsabilidades:

    • Desarrollo de la interfaz de usuario (UI) de la de la aplicación web utilizando React.js, Next.js y CSS.
    • Implementación de autenticación mediante las diferentes wallets.
    • Leer y escribir Smart contracts desde el front-end.
    • Participar en la planificación y organización del proyecto.
    • Participar en la toma de decisiones.

    Logros claves:

    • Entrega de la aplicación funcional a tiempo.
    • Aprender a conectar una wallet por primera vez.
    • Mejora del rendimiento del sitio en un 90% a través de la minificación de archivos.
    JavaScript Next React Next Auth TailwindCSS NextUI Ethers Wagmi Moralis
  7. Full Stack Developer

    Abiagus Turismo

    Trabaje como freelancer, desarrollando el sitio web de la empresa de viajes, Mis tareas consistieron en diseñar, desarrollar y desplegar el sitio web.

    Responsabilidades:

    • Diseño y desarrollo de la interfaz de usuario (UI) de la agencia de viajes utilizando React.js, Next.js y CSS.
    • Desarrollo y construcción del back-end y bases de datos relacionales. Creando API’s REST, para consumirlas desde el front-end.
    • Implementación de funcionalidades como el envío de whatsapps y emails con la información de las reservas.
    • Implementación de funcionalidades como formularios de contacto, formulario de reservas, formularios de cotización y compras de paquetes turísticos a través de mercado pago.
    • Participar en la planificación del sitio web.

    Logros claves:

    • Incremento de las ventas en un 40% gracias al desarrollo del sitio web.
    • Mejora del rendimiento del sitio en un 100% a través de la optimización de imágenes y la minificación de archivos.
    • Mejora de la accesibilidad del sitio en un 100% a través de la jerarquía adecuada de las etiquetas, textos alternativos para las imágenes, etc.
    • Navegación veloz a través del sitio web a través de la utilización de frameworks como Next.js que permiten que el sitio web se comporte como una SPA.
    TypeScript JavaScript Node Next React HTML CSS

Habilidades Técnicas Destacadas

Trabajo en el diseño, desarrollo y despliegues de sitios web, con diversas tecnologías. Mantengo una filosofía de código reutilizable, con un enfoque basado en componentes.

Me apasiona optimizar el rendimiento de los sitios web, corrigiendo cuellos de botella y aplicando buenas prácticas de SEO. Mi experiencia abarca desde la solución de problemas (debugging) hasta la implementación de soluciones escalables.

Como defensor de las metodologías ágiles, estoy familiarizado con SCRUM, lo que me permite adaptarme rápidamente a los cambios y colaborar de manera efectiva en equipos multidisciplinarios.

  • Lenguajes: HTML, CSS, JavaScript, TypeScript, Markdown, Python, Solidity, Ruby
  • Librerías y frameworks: Node, Express, React, Next, Astro, TailwindCSS, Bootstrap
  • Control de versiones: Git, Github, Gitlab
  • Herramientas: npm, pnpm, Bash, Powershell, Visual Studio Code, Figma
HTML es un lenguaje de marcado para la elaboración de páginas web.CSS es un lenguaje de hojas de estilo creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML.JavaScript es un lenguaje de programación interpretadoTypeScript es un lenguaje de programación libre y de código abierto desarrollado y mantenido por Microsoft.Python es un lenguaje de programación interpretado cuya filosofía hace hincapié en la legibilidad de su código.Solidity es un lenguaje de programación orientado a objetos para escribir contratos inteligentes.​ Se utiliza para implementar contratos inteligentes​ en varias plataformas blockchainRuby es un lenguaje de programación interpretadoMarkdown es un lenguaje de marcado ligero creado por John Gruber que trata de conseguir la máxima legibilidad y facilidad de publicación tanto en su forma de entrada como de salida.Node.js es un entorno de ejecución para JavaScript construido con el motor de JavaScript V8 de Chrome.React es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página.Next.js es un framework minimalista para aplicaciones universales en React.Astro es un framework de código abierto para construir sitios web modernos con React.Express.jsTailwind CSS es un framework CSS de código abierto que se puede personalizar fácilmente.Bootstrap es una biblioteca multiplataforma o conjunto de herramientas de código abierto para diseño de sitios y aplicaciones web.npm es el sistema de gestión de paquetes por defecto para Node.jsUn manejador de paquetes para JavaScriptGit es un software de control de versiones diseñado por Linus TorvaldsGitHub es una plataforma de desarrollo colaborativo de software para alojar proyectos utilizando el sistema de control de versiones Git.GNU Bash o simplemente Bash es una interfaz de usuario de línea de comandos popularPowerShell es una interfaz de consola con posibilidad de escritura y unión de comandos por medio de instrucciones.Visual Studio Code es un editor de código fuente desarrollado por Microsoft para WindowsFigma es una herramienta de diseño de interfaz de usuario y diseño de prototipos basada en navegador.Figma es una herramienta de diseño de interfaz de usuario y diseño de prototipos basada en navegador.

Últimos proyectos

Imagen de la interfaz de usuario de la aplicación web de la empresa BeTrusty

BeTrusty

BeTrusty es una plataforma tecnológica diseñada para la gestión de alquileres de propiedades, que ayuda a propietarios e inquilinos a construir confianza, transparencia y trazabilidad utilizando los beneficios de la tecnología blockchain.

Tecnologías

  • TypeScript
  • Node
  • Express
  • Next
  • React
  • Firebase
  • TailwindCSS
  • Eslint
  • Prettier
Imagen de la interfaz de usuario de la aplicación web de sallet

Sallet

Sallet es una billetera descentralizada prefinanciable diseñada para mejorar la confianza, la eficiencia y la experiencia del usuario dentro de las microeconomías de eventos.

Tecnologías

  • TypeScript
  • React
  • Next
  • Ethers
  • ChakraUI
  • PWA
Imagen de la respuesta de la API de Cotizaciones Monetarias en Argentina

Argentina Monetary Quotes API

Esta API permite obtener las cotizaciones de diferentes monedas y datos financieros en tiempo real, incluyendo el dólar, euro, reservas, evolución y riesgo país.

Tecnologías

  • TypeScript
  • Express
  • Axios
  • Dotenv
  • Helmet
  • Supertest
  • Jest
  • Eslint
Imagen de la interfaz de usuario del sitio web de la empresa Abiagus Turismo

Abiagus Turismo

Abiagus Turismo es una agencia de viajes que ofrece turismo local, nacional e internacional. Contratación de hoteles, transporte y excursiones en Mendoza, Argentina tales como: Alta Montaña, Bodegas, City Tour, Cacheuta, Valle de Uco, Villavicencio, Cañón del Atuel, y en San Rafael, Las Leñas y Los Reyunos.

Tecnologías

  • TypeScript
  • JavaScript
  • Node
  • Next
  • React
  • HTML
  • CSS
Imagen de la interfaz de usuario del sitio web del clon de facebook

Clon de Facebook

Clon del feed de Facebook, es una proyecto creado para prácticar los conceptos del desarrollo web. Su única intención es imitar la apariencia y el funcionamiento de facebook.com, no tiene como objetivo reemplazar o sustituir la página oficial de Facebook.

Tecnologías

  • HTML
  • CSS
  • JavaScript
  • React
  • Bootstrap
  • PWA
  • Eslint
  • Prettier
Imagen de la interfaz de usuario del sitio web del clon de Google

Clon de Google

Clon de la página de inicio de Google, es una proyecto creado para prácticar los conceptos del desarrollo web. Su única intención es imitar la apariencia y el funcionamiento de google.com, no tiene como objetivo reemplazar o sustituir la página oficial de Google.

Tecnologías

  • HTML
  • CSS
  • JavaScript
Imagen de la interfaz de usuario del sitio web del juego piedra, papel o tijera

Juego de piedra, papel o tijera

Piedra, papel o tijera, conocido también como chin chan pu, pikachú, cachipún, jankenpón, yan ken po, pin pon papas, hakembó o how-are-you-speak, es un juego infantil, un juego de manos en el que existen tres elementos: la piedra que vence a la tijera rompiéndola, la tijera que vence al papel cortándolo y el papel que vence a la piedra envolviéndola, dando lugar a un círculo o ciclo cerrado, que caracteriza al juego.

Tecnologías

  • HTML
  • CSS
  • JavaScript
Imagen de la interfaz de usuario de la aplicación web del clima

Weather App

La aplicación de pronóstico del tiempo es un canal meteorológico que tiene información meteorológica precisa.

Tecnologías

  • HTML
  • CSS
  • JavaScript
  • React
  • ChakraUI
  • PWA
  • Eslint
Imagen de la interfaz de usuario de la página web de Biospace

Biospace

Elegimos abordar el desafío de crear un superhéroe biológico que logre superar las diferentes dificultades de la vida interplanetaria. Lo más valioso de estas actividades fue aprender de un equipo multidisciplinario sobre el espacio, biotecnología, ingeniería, programación, diseño 3D y mucha creatividad. Yo cumplí el rol de desarrollador web, dentro de este equipo.

Tecnologías

  • Next
  • React
  • Three
  • TailwindCSS
  • CSS
  • Eslint
Imagen de la interfaz de usuario de la lading page de Batatabit

Batatabit

Proyecto de maquetación basado en un prototipo de Figma, siguiendo la metodología de mobile first. Se trata de la landing page de una plataforma para comprar y vender criptomonedas.

Tecnologías

  • HTML
  • CSS
  • JavaScript
Imagen de la interfaz de usuario de la calculadora

Calculadora

Una calculadora es un dispositivo que se utiliza para realizar cálculos aritméticos. Aunque las calculadoras modernas incorporan a menudo un ordenador de propósito general, se diseñan para realizar ciertas operaciones más que para ser flexibles.

Tecnologías

  • HTML
  • CSS
  • JavaScript
  • PWA
Imagen de la interfaz de usuario del sitio web sobre el Área Fundacional de Mendoza

Área Fundacional de Mendoza

Mapa interactivo del Área Fundacional de Mendoza.

Tecnologías

  • TypeScript
  • React
  • Vite
  • Flowbite
  • TailwindCSS
  • Eslint
Imagen de la interfaz de usuario de la página web de para ordenar las palabras en orden alfabético

Palabras en orden alfabético

El orden alfabético es la secuencia que se establece en una lista de palabras, en función del orden en que se presenta, ​ en el abecedario o alfabeto, la letra inicial de cada una.

Tecnologías

  • HTML
  • CSS
  • JavaScript