[
  {
    "about": {
      "title": {
        "en": "About",
        "es": "Info"
      },
      "content": {
        "en": "<p>I am an Industrial Design Engineer and web developer. During the last years, I have worked in London for a prestigious engineering firm, being involved in a wide variety of building, conservation, transportation, and urban planning projects.</p><p> These are some of the graphic design and web development projects that I have worked on.</p>",
        "es": "<p>Soy Ingeniero en Diseño Industrial y desarrollador web. Durante los últimos años he trabajado en Londres en proyectos de alto estándar y repercusión pública en áreas de ingeniería, transporte, urbanismo y conservación.</p><p>Aquí tienes algunos de los proyectos de diseño gráfico y desarrollo web en los que he trabajado.</p>"
      },
      "email": {
        "account": "",
        "tacha": "",
        "domain": "https://www.linkedin.com/in/javigamez/"
      },
      "linkedinText": "linkedin.com/in/javigamez",
      "linkedinLink": "https://www.linkedin.com/in/javigamez/",
      "profileImage": 1
    },
    "alert": {
      "en": "Language changed to english",
      "es": "Idioma cambiado a español"
    },
    "clipboard-copy": {
      "en": "Copied! ",
      "es": "Copiado! "
    },
    "fireball": {
      "en": "Fireball!",
      "es": "Bola de fuego!"
    },
    "no-fireballs": {
      "en": "No fireballs left ",
      "es": "No quedan bolas de fuego!"
    },
    "weaponry": {
      "en": "fireballs left",
      "es": "bolas de fuego restantes"
    },
    "projects": [
      {
        "status": 1,
        "order": 1,
        "title": {
          "en": "ComplexChaos",
          "es": "ComplexChaos"
        },
        "preview": {
          "en": "Efficient interdisciplinary collaboration",
          "es": "Colaboración interdisciplinal eficiente"
        },
        "info": {
          "en": "<p>Based in Silicon Valley, ComplexChaos aims to transform ideas into advanced digital solutions that tackle real-world challenges and enhance user experiences.</p><p>💡 Node.js, Vue, MongoDB, and the OpenAI API and Figma</p>",
          "es": "<p>Con sede en Silicon Valley, ComplexChaos tiene como misión transformar ideas en soluciones digitales avanzadas que resuelvan problemas reales y mejoren la experiencia de los usuarios.</p><p>💡   Node.js, JavaScript, HTML, CSS, Tailwind, Vue, MongoDB, la API de OpenAI y Figma.</p>"
        },
        "name": "complexchaos",
        "imageQuantity": 6,
        "textLink": "ComplexChaos.ai",
        "link": "https://www.complexchaos.ai",
        "tag": "complexchaos, complex, chaos"
      },
      {
        "status": 1,
        "order": 1,
        "title": {
          "en": "Hiperdino",
          "es": "Hiperdino"
        },
        "preview": {
          "en": "Rewards system",
          "es": "Sistema de recompensas"
        },
        "info": {
          "en": "<p>A reward system was developed for the largest food chain in the Canary Islands. Customers earn points for purchases, redeemable for discounts and rewards.</p><p>💡  MySQL, Magento, PHP, JS, jQuery, Bootstrap and Figma</p>",
          "es": "<p>Se desarrolló un sistema de recompensas para la mayor cadena de alimentación en las Islas Canarias. Permite acumular puntos por compras, canjeables por descuentos.</p><p>💡  MySQL, Magento, PHP, JS, jQuery, Bootstrap y Figma.</p>"
        },
        "name": "hiperdino",
        "imageQuantity": 2,
        "textLink": "Hiperdino.es",
        "link": "https://www.hiperdino.es",
        "tag": "hiperdino"
      },
      {
        "status": 1,
        "order": 1,
        "title": {
          "en": "Locool",
          "es": "Locool"
        },
        "preview": {
          "en": "App to promote local commerce",
          "es": "Aplicación para promover el comercio local"
        },
        "info": {
          "en": "<p>This app was created as a final project of a Full Stack Bootcamp at <a href='https://reboot.academy/' target='_blank'>Reboot Academy</a>. The idea behind is to promote local commerce by connecting producers with consumers.</p><p>💡 Figma, Node.js, Sequelize, Express, MySQL and React.</p>",
          "es": "<p>Esta aplicación fue creada como proyecto final del Full Stack Bootcamp impartido por <a href='https://reboot.academy/' target='_blank'>Reboot Academy</a>. La idea del proyecto fue promover el comercio local, conectando productores y consumidores.</p><p>💡 Figma, Node.js, Sequelize, Express, MySQL and React.</p>"
        },
        "name": "locool",
        "imageQuantity": 3,
        "textLink": "Locool",
        "link": "https://tangerine-starburst-231404.netlify.app/app",
        "tag": "locool, local"
      },
      {
        "status": 1,
        "order": 1,
        "title": {
          "en": "Kill the Wasp",
          "es": "Kill the Wasp"
        },
        "preview": {
          "en": "Online game",
          "es": "Videojuego online"
        },
        "info": {
          "en": "<p>I created this video game in collaboration with other colleagues as part of the first project of a Full Stack Bootcamp at <a href='https://reboot.academy/' target='_blank'>Reboot Academy</a>.</p><p>💡 HTML, CSS, JS</p>",
          "es": "<p>Diseñé este videojuego en colaboración con otros compañeros para el primer proyecto del Full Stack Bootcamp impartido por <a href='https://reboot.academy/' target='_blank'>Reboot Academy</a>.</p><p>💡 HTML, CSS, JS</p>"
        },
        "name": "ktw",
        "imageQuantity": 2,
        "textLink": "Kill the Wasp",
        "link": "https://javigamez.eu/ktw",
        "tag": "kill the wasp"
      },
      {
        "status": 1,
        "order": 1,
        "title": {
          "en": "Yogup",
          "es": "Yogup"
        },
        "preview": {
          "en": "App to plan yoga classes",
          "es": "Aplicación para planificar clases de yoga"
        },
        "info": {
          "en": "<p>This application provides yoga poses and their counter poses. This is vital when it comes to planning the class and avoiding muscle overload.</p><p>💡 HTML, CSS, JS, jQuery</p>",
          "es": "<p>Esta aplicación permite organizar yoga poses y contra poses, lo cual es muy importante para evitar sobrecarga de grupos musculares cuando se planifican clases de yoga.</p><p>💡 HTML, CSS, JS, jQuery</p>"
        },
        "name": "yogup",
        "imageQuantity": 3,
        "textLink": "Yogup",
        "link": "https://javigamez.eu/yogup",
        "tag": "yogup, yoga"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Findy",
          "es": "Findy"
        },
        "preview": {
          "en": "Weather application",
          "es": "Aplicación de predicción del tiempo"
        },
        "info": {
          "en": "<p>For the final project of a Front End Development course, we designed an application using the Vue framework with a mobile-first approach. Axios fetched images from the Unsplash API for landing page animations, while Open Weather Map provided weather data. Leaflet was used for maps and the search engine.</p><p>💡 HTML, CSS, JS, Vue</p>",
          "es": "<p>Para el proyecto final de un curso de Desarrollo Front End, diseñamos una aplicación con el framework Vue y un enfoque mobile-first. Axios obtuvo imágenes de la API Unsplash para las animaciones de la página principal, mientras que Open Weather Map proporcionó datos meteorológicos. Leaflet se utilizó para mapas y el motor de búsqueda.</p><p>💡 HTML, CSS, JS, Vue</p>"
        },
        "name": "findy",
        "imageQuantity": 2,
        "textLink": "Findy",
        "link": "https://appfindy.netlify.app/",
        "tag": "findy, find"
      },
      {
        "status": 1,
        "order": 2,
        "title": {
          "en": "Freakytrivia",
          "es": "Freakytrivia"
        },
        "preview": {
          "en": "Online game",
          "es": "Videojuego online"
        },
        "info": {
          "en": "<p>As part of a Front End Development course, I collaborated with two classmates to create a trivia game. Using a mobile-first approach, we quickly developed the app with Axios to fetch questions and answers from the Open Trivia API. We also implemented speech recognition, allowing players to navigate using voice commands. </p><p>💡 HTML, CSS, JS, jQuery</p>",
          "es": "<p>Como parte de un curso de Desarrollo Front End, colaboré con dos compañeros para crear un juego de trivia. Aplicamos un enfoque mobile-first para acelerar el desarrollo y utilizamos Axios para obtener preguntas y respuestas de la API Open Trivia. Además, implementamos reconocimiento de voz para que los jugadores puedan navegar con comandos de voz.</p><p>💡 HTML, CSS, JS, jQuery</p>"
        },
        "name": "freakytrivia",
        "imageQuantity": 3,
        "textLink": "Freakytrivia",
        "link": "https://javigamez.eu/freakytrivia",
        "tag": "freaky trivia"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Marathon of Solidarity",
          "es": "Maratón de Solidaridad"
        },
        "preview": {
          "en": "Fundraising campaign",
          "es": "Campaña de recaudación de fondos"
        },
        "info": {
          "en": "<p>The charities 'School for Life Romania' and 'Childaid EE Ukrainian children' organised a walk to raise funds to support Ukrainian refugees. The walk took place in central London following the route of the famous London Marathon. </p><p>I was asked to shape the image of the campaign, which successfully surpassed the initial economic target of £37,000. </p>",
          "es": "<p>Las organizaciones benéficas 'School for Life Romania' y 'Childaid EE Ukrainian children' organizaron una caminata para recaudar fondos para ayudar a los refugiados ucranianos. La caminata tuvo lugar en Londres, siguiendo la misma ruta que la famosa Maratón de Londres. </p><p>Me solicitaron que creara la imagen de la campaña, la cual ha superado la meta inicial de £37,000. </p>"
        },
        "name": "marathon",
        "imageQuantity": 2,
        "textLink": "Solidarity Marathon",
        "link": "https://www.justgiving.com/campaign/solidaritymarathon",
        "tag": "marathon"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "South Kensington Station, London",
          "es": "Estación de South Kensington, Londres"
        },
        "preview": {
          "en": "Shop window design",
          "es": "Diseño de escaparate"
        },
        "info": {
          "en": "<p>A shop unit was to undertake refurbishment and I was required to design stickers for its windows. In collaboration with the Conservation team at Alan Baxter, I designed these panels to communicate relevant information.</p>",
          "es": "<p>Una tienda de la entrada del metro iba a ser reformada y necesitaban un diseño para el escaparate durante la duración de la obra. En colaboración con el equipo de Conservación de Alan Baxter, diseñé estos paneles informativos.</p>"
        },
        "name": "kensington",
        "imageQuantity": 7,
        "textLink": "",
        "link": "",
        "tag": "south kensington"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Aldersbrook Conservation Area",
          "es": "Área de Conservación de Aldersbrook"
        },
        "preview": {
          "en": "Design Guide",
          "es": "Guía de Diseño"
        },
        "info": {
          "en": "<p>The London Borough of Redbridge required a Design Guide and Appraisal for its conservation area. I designed both documents following their branding guidelines hand in hand with Alan Baxter's conservation team.</p><p>The Design Guide is an interactive document to facilitate navigation through it.</p><p>The documents are available on the Redbridge website.</p>",
          "es": "<p>El distrito londinense de Redbridge requería una Guía de Diseño e Informe para su área de conservación. Diseñé ambos documentos de acuerdo a sus pautas de imagen corporativa trabajando codo con codo con el equipo de Conservación de Alan Baxter.</p><p>La Guía de Diseño es un documento interactivo para facilitar la navegación.</p><p>Los documentos están disponibles en el sitio web del distrito de Redbridge</p>"
        },
        "name": "aldersbrook",
        "imageQuantity": 9,
        "textLink": "The Design Guide",
        "link": "http://moderngov.redbridge.gov.uk/documents/s121870/10.4%20APPENDIX%20D.pdf",
        "tag": "aldersbrook"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Alan Baxter, Branding redesign",
          "es": "Rediseño de imagen de Alan Baxter"
        },
        "preview": {
          "en": "Branding redesign",
          "es": "Rediseño de imagen"
        },
        "info": {
          "en": "<p>While working at Alan Baxter, I led and developed the branding redesign of the firm. That included key graphic applications and design, content and implementation of the <a href='https://alanbaxter.co.uk/' target='_blank'>corporate website: alanbaxter.co.uk</a>.</p><p>As part of the branding strategy of being more approachable, I took new photographs of the staff to transmit this concept. This can be seen here: <a href='https://alanbaxter.co.uk/who-we-are' target='_blank'>alanbaxter.co.uk/who-we-are</a></p>",
          "es": "<p>Mientras trabajaba para Alan Baxter, lideré y desarrollé el rediseño de imagen corporativa de la empresa, incluyendo aplicaciones gráficas estratégicas y diseño, contenido e implementación de la <a href='https://alanbaxter.co.uk/' target='_blank'>web corporativa: alanbaxter.co.uk</a>.</p><p> Además, como parte de la estrategia de marca, la cual tenía como pilar expresar el carácter cercano, tomé fotografías de la alta dirección de tal manera, que este concepto quedase claro. Las fotografías pueden verse aquí: <a href='https://alanbaxter.co.uk/who-we-are' target='_blank'>alanbaxter.co.uk/who-we-are</a></p>"
        },
        "name": "alanbaxter",
        "imageQuantity": 7,
        "textLink": "alanbaxter.co.uk",
        "link": "https://alanbaxter.co.uk/",
        "tag": "alan baxter, london"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Ring",
          "es": "Ring"
        },
        "preview": {
          "en": "Cover design",
          "es": "Diseño de portada"
        },
        "info": {
          "en": "<p>Very exciting project for which I designed the cover for a short story written by a talented writer. The challenge lay in being able to transmit the essence of the text without giving away too much about the plot.</p>",
          "es": "<p>Proyecto muy interesante para el que diseñé la portada de un relato corto, creado por un talentoso escritor. El reto residía en ser capaz de transmitir la esencia del texto sin revelar datos importantes de la trama.</p>"
        },
        "name": "ring",
        "imageQuantity": 3,
        "textLink": "",
        "link": "",
        "tag": "ring"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Pineda Padel",
          "es": "Pineda Padel"
        },
        "preview": {
          "en": "Branding design",
          "es": "Diseño de imagen"
        },
        "info": {
          "en": "<p>New sports facilities were to open and needed branding input. I designed their branding strategy according to the business plan. Besides, I analyzed the visual impact of possible signage solutions as the centre was placed in a heavy traffic area.</p>",
          "es": "<p>Nuevas instalaciones requerían diseño y estrategia de identidad. Diseñé su marca de acuerdo con el plan de negocio. Además, también realicé un informe de impacto visual, sugiriendo pautas de señalización.</p>"
        },
        "name": "pineda",
        "imageQuantity": 8,
        "textLink": "",
        "link": "",
        "tag": "Pineda padel"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "TLC - The Language Centre",
          "es": "TLC - The Language Centre"
        },
        "preview": {
          "en": "Branding design",
          "es": "Diseño de imagen"
        },
        "info": {
          "en": "<p>I had the great opportunity to design the branding strategy and website of a local English school. Special place where students felt like they were family and had fun while learning to communicate in English.</p>",
          "es": "<p>Tuve la gran oportunidad de diseñar la estrategia de imagen y el sitio web de una academia de idiomas. Lugar especial donde los alumnos eran acogidos como parte de la familia y se lo pasaban muy bien mientras aprendían inglés.</p>"
        },
        "name": "tlc",
        "imageQuantity": 7,
        "textLink": "",
        "link": "",
        "tag": "TLC, the language center"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Physiotherapy in performing arts",
          "es": "Fisioterapia en las artes escénicas"
        },
        "preview": {
          "en": "Branding creation",
          "es": "Creación de imagen"
        },
        "info": {
          "en": "<p>'All about balance'. Balance between health and illness, fitness and injury. Branding creation for a physiotherapist who is working on a new field of practice.</p>",
          "es": "<p>'Todo es equilibrio'. Equilibrio entre salud y enfermedad, forma física y lesiones. Creación de marca para una fisioterapeuta que investiga en un nuevo campo de trabajo.</p>"
        },
        "name": "fisioarte",
        "imageQuantity": 2,
        "textLink": "",
        "link": "",
        "tag": "physiotherapy"
      },
      {
        "status": 0,
        "order": 25,
        "title": {
          "en": "Raspberry Pi Case",
          "es": "Raspberry Pi carcasa"
        },
        "preview": {
          "en": "3D printing case",
          "es": "Carcasa de impresión 3D"
        },
        "info": {
          "en": "<p>3D printing technologies can help building low cost artefacts, such as this little computer. It uses a Raspberry Pi board and a screen. This project required a combination of theoretical and practical skills. Below you can see some renders alongside a prototype that was built for previous verifications to the final 3D model.</p>",
          "es": "<p>La tecnología de impresión 3D puede ayudar a construir artefactos de bajo coste; como es el caso de este pequeño ordenador. Usa una placa Raspberry Pi y una pantalla. Este proyecto requirió una buena combinación de teoría y práctica. A continuación se pueden ver algunos renders, bocetos y maquetas que realicé para hacer verificaciones previas del diseño final</p>."
        },
        "name": "raspberry",
        "imageQuantity": 4,
        "textLink": "",
        "link": "",
        "tag": "raspberry case"
      },
      {
        "status": 1,
        "order": 25,
        "title": {
          "en": "Colorxhtml",
          "es": "Colorxhtml"
        },
        "preview": {
          "en": "Online application to determine colours",
          "es": "Aplicación online para determinar colores"
        },
        "info": {
          "en": "<p>I created an online app to determine and compare colours for design purposes. Although most software coding oriented have built-in capabilities to do similar tasks, with this app you can pick, compare and display colours in the background of the browser. </p><p>This is particularly helpful when you are playing with colour schemes or just trying to decide colours like if you were thinking out loud.</p><p>💡 HTML, CSS, JS, jQuery</p>",
          "es": "<p>Aunque la mayoría de los programas tienen herramientas para determinar colores, con este programa se puede elegir, comparar y ver colores en el fondo del navegador. Esto es particularmente útil cuando se diseñan esquemas de colores o, quizás, en estadios tempranos del diseño - como pensando en voz alta.</p><p>💡 HTML, CSS, JS, jQuery</p>"
        },
        "name": "color",
        "imageQuantity": 3,
        "textLink": "Colorxhtml",
        "link": "https://javigamez.eu/color/",
        "tag": "color, colour"
      }
    ]
  }
]