Sobre mí
Mi nombre es Alejandro Rubio, pero me suelen llamar Alex. Desde muy joven me interesé en la tecnología y el desarrollo web y me llegué a convertir en "esa persona" a la que todos los amigos y familiares siempre acuden cuando tienen algún problema relacionado con la tecnología, con internet, o con "cualquier cosa que tenga pantalla o botones".
Actualmente me especializo en el frontend con más de 5 años de experiencia desarrollando sitios web con React y NextJS, aunque también me manejo de forma fluida en el backend usando NodeJS y PostgreSQL.
Tecnologías conocidas
Puntos fuertes
Aptitud certificada en Linkedin
Algunos proyectos públicos
Páginas web
-
Flykube.com
Página web corporativa para empresa de servicios de viajes sorpresa. La web está desarrollada con React y Vite, Redux para el estado global, i18n para la internacionalización y vitest para el testing.
Visitar -
Kubecoin.org
Página web corporativa para empresa de servicios de inversión en criptomonedas. La web está desarrollada con React, Vite y Redux para el estado global.
Visitar -
Royal Hawk Club
Página web corporativa para empresa de servicios de inversión en NFT's. La web está desarrollada con React, Vite y Redux para el estado global.
Visitar -
Eatkube.com
Página web corporativa para empresa de servicio de reservas en restaurantes sorpresa. La web está desarrollada con React y Vite, Redux para el estado global, i18n para la internacionalización y vitest para el testing.
Visitar -
Kubepay.io
Página web corporativa para empresa de servicios de pago con criptomonedas. La web está desarrollada con React, Vite y Redux para el estado global.
Visitar -
Celigood.com
Proyecto personal para crear una base de datos visual donde encontrar sitios sin gluten para celiacos. La web está desarrollada en NextJS, i18n para la internacionalización, y PostgreSQL para la base de datos.
Visitar -
Amt-solar.com
Página web corporativa para empresa del sector de las energías renovables. La web está desarrollada con React, Gatsby y la librería i18n para la internacionalización.
Visitar -
Hydrogenium.es
Página web corporativa para empresa del sector de las energías renovables. La web está desarrollada en React y la librería i18n para la internacionalización.
Visitar -
Mandarin-names.com
Página web personal que permite a los usuarios encontrar la traducción de su nombre en chino mandarín, escuchar su pronunciación y descargar su nombre en chino en una imagen, entre otras cosas. La página está desarrollada en PHP con base de datos MySQL, y está disponible en 3 idiomas.
Visitar -
Curso-chino-basico.com
Página web personal creada para poder ofrecer un curso de chino propio a los usuarios de forma directa, fuera de las conocidas plátaformas de cursos online. Aunque la base es Wordpress está customizada con CSS propio, interactividad añadida con vanilla Javascript y páginas en PHP para cargar contenido dinámico desde una base de datos MySQL propia.
Visitar
Aplicaciones PWA
-
Hanzi-cards.com
Aplicación para aprender los caracteres chinos más usados de manera progresiva. Con persistencia de datos en localStorage o base de datos MySQL dependiendo de si el usuario usa una sesión de invitado o realiza un registro. El frontend está desarrollado en React usando la api de Context para manejar los estados globales de la aplicación y para el backend usa una API Rest propia desarrollada en PHP y base de datos MySQL.
Visitar -
Eltiempo-info
App del tiempo desarrollada para uso personal para no tener que usar otras apps de pago o con publicidad. La ubicación se puede determinar escribiendo cualquier ciudad de España o a través de un mapa por geolocalización. Permite seleccionar tres servicios meteorológicos distintos y obtener los datos de tres APIS del tiempo distintas para poder comparar las previsiones de los diferentes servicios de una forma sencilla desde la misma app.
Visitar -
Ruleta de la suerte
Juego que imita al concurso de TV del mismo nombre. El juego lo desarrollé cuando empezaba a aprender React y estaba buscando qué hacer para probarlo, por casualidad un día ví el programa en la tele y pensé que podría ser interesante copiar el funcionamiento usando React como framework para probarlo en vez de hacer la típica calculadora.
Visitar -
Memory Game
El típico juego Memory desarrollado de manera sencilla directamente en Vanilla Javascript sin ningún tipo de framework. El juego lo he usado para hacer pruebas de testing cuando estaba aprendiendo a usar Jest y quería comenzar por las bases haciendo tests a una aplicación que usara solo Vanilla Javascript y no usara ningún framework para empezar.
Visitar
Otras habilidades
-
Buenas prácticas
Desarrollo teniendo en cuenta metodologías como DRY, BEM y Clean Code.
-
Código escalable
Código escrito para permitir la escalabilidad del proyecto en fases avanzadas.
-
Trabajo en equipo
Razonable, abierto a sugerencias y con inclinación natural a ayudar a los demás.
-
Testing
Tests unitarios con JEST y Testing Library, tanto en Vanilla JS así como en React.
-
Idiomas
Inglés (básico hablado, alto escrito). Chino (intermedio hablado, alto escrito).
-
SEO
Conocimiento de buenas prácticas para el posicionamiento en buscadores.
-
Mobile First
Maquetación, diseño e interactividad pensando primero en dispositivos móviles.
-
Código homogéneo
Uso de ESLint con reglas personalizadas para un código estable y uniforme.
Datos de este porftolio que permiten contrastar algunas de estas habilidades:
-
HTML y CSS escritos desde cero a mano, sin ningún tipo de plantilla.
-
Se ha usado la metodología BEM para la maquetación y el diseño de la web.
-
Dispone de diseño responsive usando la metodología Mobile First.
-
Utiliza etiquetas semánticas en HTML en lugar de divs cuando es posible.
-
Ninguna propiedad en los estilos CSS usa la regla !important.
-
No contiene javascript ni estilos en linea en el código HTML.
-
Puntuación de 100/100 en rendimiento en PageSpeed Insights.
-
El código está validado al 100% por la W3C sin errores ni alertas.
Medios de contacto
Puedes contactarme a través de cualquiera de los siguientes canales