¡Hola! Bienvenid@

DesarrolladorFront-End

Diseño y desarrollo de interfaces web eficientes, enfocadas en rendimiento, accesibilidad y escalabilidad. Optimización de experiencias interactivas con tecnologías modernas.

Sobre mi

Experiencia

Una línea de código a la vez, fui construyendo mi camino.

A lo largo de los años, he ido perfeccionando mi enfoque técnico y creativo, aprendiendo de cada proyecto y adaptándome a nuevas herramientas, estándares y desafíos.

Cada etapa de mi trayectoria profesional ha representado un paso adelante: desde los primeros sitios responsivos hasta soluciones más complejas con visualización de datos, integraciones en tiempo real y desarrollo de herramientas internas a medida.

Hoy desarrollo con más claridad, con mejores decisiones técnicas y una visión más estratégica del producto digital. Y sigo aprendiendo, porque crecer profesionalmente es parte del código que escribo.

  • Enero 2024 - Mayo 2025

    Desarrollador Frontend Junior

    Remoto 100% - Últimos meses hibrido

    • Desarrollo y mantenimiento de proyectos SSR con Nuxt.js v3, maquetación HTML5, CSS3 o librerías de estilos como TailwindCSS y JavaScript como lenguaje de programción.
    • Implementación de características y funcionalidades, consumo de APIs.
    • Utilizo de Docker para entornos de desarrollo y Jenkins como software de automatización.
    • Jira software para la gestión de tareas y Bitbucket para el control de versiones de código.
    • Identificación de oportunidades de mejora en los procesos y código.
    • Mantenimiento y actualización de paquetes NPM en proyectos frontend, utilizando buenas prácticas para garantizar la compatibilidad, seguridad y estabilidad del entorno de desarrollo y de producción.

  • Abril 2022 - Noviembre 2023

    Desarrollador Frontend Junior

    Presencial

    • Desarrollo de proyectos con diferentes tecnologías como Vite, Vue.js, Nuxt.js v3, Django templates, WebGL, Three.js, Stimulus.js HTML5, CSS3, SASS, JavaScript, TypeScript.
    • Implementación de características y funcionalidades, consumo de APIs.
    • Utilizo de Docker para entornos de desarrollo.
    • Testing end-2-end con Cypress.io.
    • Mantenimiento y actualización de sitios y aplicaciones.
    • Jira software para la gestión de tareas.

  • Enero 2022 - Abril 2022

    Desarrollador Frontend Junior - Prácticas

    Presencial

    • Desarrollo de proyectos con diferentes tecnologías como Vue.js, Vuex, Django.
    • Implementación de caracteristicas y funcionalidades, consumo de APIs.
    • Maquetación desde diseños UX/UI en Figma o Adobe XD con HTML, lenguaje SASS, Gulp.js.
    • Refactorización de código.

  • Julio 2021 - Octubre 2021

    Desarrollador Web - Prácticas

    Presencial

    • Desarrollo de proyectos con diferentes tecnologías como Vue.js, Pelican.
    • Maquetación desde diseños UX/UI en Figma o Adobe XD con HTML, lenguaje SASS, Gulp.js.

Soy Simone Mandola

Cómo soy...Comprometido con la calidad, enfocado en las soluciones.

Apasionado del desarrollo web, con experiencia en frontend y una visión completa del proceso creativo.

Me considero una persona proactiva, detallista y comprometida con cada reto que asumo.

En mi tiempo libre, el boxeo y la naturaleza me ayudan a mantener el equilibrio.

Busco contribuir a proyectos innovadores donde pueda crecer profesionalmente y aprender de otros talentos.

Herramientas

Donde los desafíos se convierten en oportunidades… y en código.

Eficiencia, claridad y escalabilidad: así resuelvo problemas reales.

Trabajo con un stack moderno centrado en rendimiento y mantenibilidad. JavaScript y TypeScript me ofrecen control y tipado sólido; Vue.js, Nuxt.js y Pinia permiten estructurar aplicaciones frontend reactivas, modulares y eficientes. Para el diseño, combino HTML, CSS y TailwindCSS para lograr interfaces limpias, accesibles y adaptables.

Cada herramienta tiene un propósito: minimizar la fricción, maximizar el impacto.

Para más información, visita mi perfil de LinkedIn.

  • JavaScript

  • TypeScript

  • Vue

  • Nuxt

  • HTML5

  • CSS3

  • SASS

  • Tailwind

  • VsCode

  • Cypress

  • Docker

  • Git

  • Bitbucket

  • Jenkins

Proyectos

Cada proyecto es una oportunidad para resolver problemas reales mediante soluciones digitales funcionales, accesibles y escalables. A lo largo de mi carrera, he liderado y contribuido a una variedad de desarrollos frontend que abarcan desde visualizaciones 3D en tiempo real hasta aplicaciones internas centradas en eficiencia y usabilidad. Aquí comparto algunos de los desafíos más representativos:

  • Visualización 3D en tiempo real Three.js

    • Vue.js

    • Vite

    • TypeScript

    • Three.js

    • GLSL

    Es sin duda el proyecto que más me ha gustado. Proyecto de la empresa CoreMarine, desarrollé un visor 3D interactivo para una plataforma offshore (Goliat) utilizando Three.js. El sistema mostraba la estructura de la plataforma junto a sus líneas de amarre, representando en tiempo real las fuerzas aplicadas mediante una escala de colores dinámica. Cada línea se conectaba visualmente a puntos clave, permitiendo al usuario interpretar el estado de la estructura de un vistazo.

    Para optimizar la experiencia de usuario (UX) y la interpretación de datos, se implementó un sistema de doble cámara:

    • Una cámara en primera persona que facilitaba la navegación libre por el entorno 3D, permitiendo al usuario explorar cualquier punto de interés.

    • Una cámara de visualización general que ofrecía perspectivas estratégicas: vista superior, vista subacuática y una rotación de 360 grados, ideal para una evaluación holística de la plataforma.

    El principal reto fue integrar datos en tiempo real con una experiencia fluida y precisa, optimizando el rendimiento en entornos complejos.

  • Personalización de un editor de texto (Quill.js)

    • JavaScript

    • Shadow DOM

    • PHP

    Realicé una personalización avanzada de Quill.js, un editor de texto enriquecido, adaptándolo a las necesidades internas de una empresa. Modifiqué tanto su funcionalidad como su interfaz para ajustarse a flujos de trabajo específicos, integrando validaciones personalizadas, campos dinámicos y opciones de formato extendidas. Para la fase de instalación del editor en distintos mercados, se utilizó PHP para su ejecución automática, creando así una estructura por defecto de manera automática.

    En la personalización del editor, se creó un apartado de selección de plantillas que permitía previsualizarlas en una ventana emergente antes de insertarlas en el editor. Adicionalmente, estaba disponible la previsualización de la página completa. Todo el contenido del editor estaba encapsulado en un Shadow DOM, y cada instancia del editor se montó dentro de un iframe para facilitar la visualización de los formatos responsive.

    Esta solución mejoró la consistencia y eficiencia en la creación de contenido.

  • Aplicación interna para gestión documental

    • Laravel

    • Inertia.js

    • Vue.js

    Diseñé y desarrollé una aplicación interna para la recopilación segura y estructurada de documentos personales de clientes. Esta solución centralizó la carga y el seguimiento de documentos, resultando en una reducción significativa de errores humanos y una optimización en los tiempos de gestión.

    Para su desarrollo, se empleó una arquitectura Laravel para el backend, Inertia.js para la integración con el frontend, y Vue.js para la construcción de la interfaz de usuario reactiva. Se priorizó la usabilidad para equipos no técnicos, implementando una interfaz intuitiva, y se garantizó la seguridad robusta en la transmisión y almacenamiento de datos.

  • Dashboards interactivos y gestión de citas

    • TypeScript

    • Nuxt.js

    • SASS

    • Calendli API

    He trabajado en el desarrollo de dashboards personalizados y sistemas de agenda que integran servicios externos para la gestión de citas. Estos proyectos requerían una comunicación fluida entre el frontend y APIs de terceros, manejo de estados complejos, y una interfaz clara para usuarios no técnicos.

    El objetivo era simplificar procesos administrativos y visualizar información clave en tiempo real.

  • Sitios web responsive

    • JavaScript

    • Stimulus.js

    • Vue.js

    • Django

    • Gulp.js

    • SASS

    Implementé múltiples sitios web responsivos, optimizados para rendimiento y accesibilidad, empleando HTML semántico, CSS modular, TailwindCSS para diseño utilitario y JavaScript para la interacción. Los proyectos abarcaron desde páginas estáticas hasta arquitecturas frontend más estructuradas, siempre adaptadas al contexto del cliente y al comportamiento esperado del usuario.

Más proyectos...

En esta sección encontrarás una selección de proyectos personales que he desarrollado con tecnologías con las que no trabajo habitualmente. Cada uno de ellos refleja mi enfoque práctico en el desarrollo web y mi interés por crear soluciones funcionales, escalables y con una buena experiencia de usuario.

La mayoría de los proyectos están construidos con React.js y Next.js, aprovechando las ventajas del renderizado del lado del servidor (SSR) y renderizado en el lado del cliente (CSR) para mejorar el rendimiento. He utilizado TypeScript para garantizar una mayor robustez y mantenibilidad en el código, y gestionado el estado global de manera eficiente con Redux Toolkit.

Además, todos los proyectos incluyen integración con APIs REST para obtener y mostrar datos dinámicos, y han sido desplegados o en Vercel o en Netlify.

  • Next.js

  • React.js

  • Redux Toolkit

  • Svelte.js

  • Three.js

  • OpenGL

  • Vite

  • Vercel

  • Netlify

  • Fake Store - Tienda online con Next.js

    • Next.js

    • TypeScript

    • Redux Toolkit

    • Redux Persist

    • TailwindCSS

    • ESLint y Prettier

    • Vercel

    Este proyecto es una tienda online ficticia desarrollada con Next.js, funciona con la API REST gratuita de fakestoreapi .

    Funcionalidades principales:

    • Navegación: permite la navegación entre páginas, categorías y productos

    • Lista de deseos y carrito: Para un control generalizado del estado se ha utilizado Redux Toolkit, para permitir agregar o remover los productos de la lista de deseos o del carrito.

    • Persistencia de datos: Gracias a Redux Persist, el contenido del carrito y la lista de deseos se guardan automáticamente, incluso si el usuario recarga la página.

  • GLSL Slider - 30 Transitions

    • Vue.js

    • Three.js

    • Trois.js

    • TypeScript

    • SASS

    • Netlify

    Este proyecto es un slider de imágenes interactivo que destaca por su innovador enfoque visual. Utiliza GLSL (OpenGL Shading Language) para crear un impresionante conjunto de 30 transiciones únicas y dinámicas. La aplicación aprovecha la potencia de la librería Three.js para renderizar efectos visuales complejos a través de shaders programables, lo que va más allá de las transiciones CSS tradicionales.

  • Weather APP - OpenWeather API y React.js

    • Vite

    • React.js

    • TypeScript

    • Redux Toolkit

    • Mapbox

    • Chart.js

    • TailwindCSS

    • ESLint y Prettier

    • Netlify

    Este proyecto es una aplicación web interactiva que muestra información meteorológica en tiempo real. Desarrollada con React.js y la API REST de OpenWeather , permite a los usuarios buscar cualquier ciudad del mundo para obtener datos actualizados sobre el clima, la temperatura, la humedad y la velocidad del viento.

    Funcionalidades principales:

    • Búsqueda interactiva: Permite a los usuarios buscar y obtener instantáneamente los datos meteorológicos de la ciudad que deseen.

    • Visualización de datos: Muestra información clave como la temperatura actual, una descripción del clima y detalles adicionales como la humedad y el viento.

    • Diseño responsive: La interfaz de usuario es intuitiva y completamente responsive, lo que garantiza una experiencia de usuario fluida tanto en dispositivos de escritorio como en móviles.

  • APP de Búsqueda de Usuarios de GitHub con Svelte

    • Vite

    • Svelte.js

    • TypeScript

    • GitHub API

    • SASS

    • Netlify

    Este proyecto es una aplicación desarrollada con Svelte.js que permite buscar cualquier usuario de GitHub y mostrar su información más relevante. Desarrollada para ofrecer una experiencia de usuario rápida y eficiente, la aplicación consume la API de GitHub para obtener datos del perfil como el nombre, la biografía, la ubicación, el número de seguidores y la cantidad de repositorios públicos.

Contacto

s.mandola.design@hotmail.com

© 2025 - Todos los derechos reservados

Made with ❤️