Cristian Arias

Desarrollador FrontEnd

Apasionado desarrollador frontend con +3 años de experiencia en el desarrollo web y móvil.
Busco oportunidades para aplicar y ampliar mis conocimientos, aportando entusiasmo y un enfoque centrado en la usabilidad y el diseño.

Mis proyectos

Web
Móvil

Workout Creator

Esta web te da la posibilidad de crear tus propios entrenamientos de gimnasio eligiendo entre un total de 1342 ejercicios en su base de datos organizados por categorías, las cuales puedes usar como filtros para que te sea más fácil crearlo. Además una vez lo tienes creado lo puedes imprimir en pdf para poder llevarlo a cualquier parte en tu móvil o compartirlo con quien quieras. Está en fase alfa, pero está pensado mejorarla muchísimo más en un futuro.

Portfolio

titoworlddev - Portfolio

Este es mi portfolio personal, la misma web en la que estamos 😜, originalmente fue creado con HTML, CSS(SASS) y JavaScript, todo vanilla, pero ahora esta pasado a React. Algo simple, pero bonito y hecho con mucho amor y pasión.

tubuenacompra.net

Es una página estilo e-commerce, pero que solo se especializa en hacer guías sobre productos para que lo usuarios puedan elegir el que más se adapte a sus necesidades. El diseño es responsive y se ha tratado de hacer un diseño muy sereno para que la experiencia en la web sea lo más comfortable posible. El proyecto está en constante desarrollo, ya que se van a ir añadiendo nuevas guías de productos y se van mejorando las ya existentes.

Disney+ AutoSkip

Esta es una extensión que omite el resumen y la introducción de los videos de Disney+ y salta al siguiente episodio. Disney+ AutoSkip: ¡Mejora tu experiencia de maratón de series! ¿Estás cansado de esperar interminablemente a través de intros, resúmenes y retrasos entre episodios en Disney+? Di adiós a las interrupciones y hola a la transmisión sin interrupciones con Disney+ AutoSkip. Esta innovadora extensión de Chrome revoluciona tu experiencia de visualización automatizando las partes tediosas de las maratones de series.

QR Code Creator

En este proyecto, he usado React para crear este creador de códigos QR que es simple y agradable. Pero bajo esta simplicidad, hay muchas características de React. Características como componentes, estilos, useState, useRef, useContext, llamadas HTTP a API con fetch, promesas... No es el proyecto más grande pero funciona bien para demostrar mi conocimiento de React. Y por si fuera poco, es algo útil para muchos usos.

Password Generator

Este es un proyecto de práctica con Vue.JS, se trata de un generador de contraseñas que además de generarlas, te permite copiarlas al portapapeles. También te permite elegir la longitud de la contraseña, si quieres que tenga números, mayúsculas, minúsculas y/o símbolos. Incluso tiene un apartado para poder generar una contraseña segura, a partir de una frase que tú elijas, mezclando los caracteres en la frase. De esta forma, tendras una contraseña personalizada pero, que es segura porque no es tu frase literal. Es una aplicación muy sencilla pero que te puede ser de gran utilidad.

Giffy

Giffy from midudev

Este es el proyecto utilizado para hacer el curso React gratuito creado por midudev. En él he aprendido muchas cosas sobre React como: - Uso de bibliotecas de JavaScript - Crea una aplicación con create-react-app - Ganchos personalizados y contexto de reacción - Lazy Load, suspenso y paginación - CSS Grid, desplazamiento infinito y pruebas - React.memo, mejora el rendimiento de la aplicación e implementa con Vercel - SEO con React y Deploy Integrado con GitHub - prueba useReducer y React Hook - Inicio de sesión y gestión de favoritos de los usuarios (API en Deno) - Registro de usuarios con Formik y React.createPortal - CSS en JS y Styled Components con Emotion

Dreadful Cherry Tomatoes

Este es un proyecto que he tenido que hacer para un reto de programación de la web de Rviewer. Este mes están haciendo el jobathon y este es el reto que se pedía hacer. Además este reto también entra dentro de una oferta de trabajo, así que lo he hecho con todo mi cariño y motivación para demostrar mis capacidades. Es una web que muestra películas sacadas de una API, ordenadas por el año más actual y que además puedes buscar por nombre.

Blog

He querido aprender Astro para tener más opciones en el mundo laboral y más opciones de cara a ser más versátil en mis trabajos freelance. Para ello hice el tutorial de la documentación oficial de Astro, ya que si sabes html, css y javascript es muy fácil aprenderlo. Es un tutorial muy bueno que me ha permitido aprender las bases de Astro perfectamente.

Random X

Random X App

Random X es tu asistente a la hora de jugar y/o divertirte con amigos. Sus generadores aleatorios te dan opciones para elegir aleatoriamente quién paga la cena, hacer el amigo invisible con amigos o familiares, hacer un bingo, jugar a tu propio Scattergories o lo que se te ocurra. Sin duda el compañero perfecto en estos casos, no esperes más y que empiece la diversión.

Operit

Operit App

Calculadora con un diseño sencillo pero muy completa en sus funciones. Si buscas hacer operaciones rápidas tienes su parte básica, si por el contrario eres un usuario más avanzado puedes utilizar la calculadora científica. También hay varias configuraciones para personalizar la aplicación a tu gusto y una página de ayuda si no entiendes alguna de las funciones. Definitivamente una calculadora que será fácil y divertida de usar, ¡disfrútala!

Flutter state BLoC

Este es un proyecto orientado a la práctica y demostración del uso del patrón BLoC con Flutter y Dart. Simula una aplicación que agrega un nuevo usuario y actualiza sus valores. Se hace usando el paquete flutter_bloc de pub.dev que hace uso del paquete bloc en sus dependencias. La aplicación hace cosas como: · Generar un nuevo estado · Actualizar ese estado (sin mutarlo) · Agregar un nuevo usuario · Cambie el nombre de usuario · Cambiar la edad del usuario · Agregar profesiones al usuario

News app provider

Este es un proyecto de práctica para ver el potencial de flutter y practicar el uso de la API's con él. El proyecto, además de lo comentado, tiene características como: · Provider · Custom theme · Json convert · Tab navigation

MediaQuery Sizer

Este es un paquete propio de Dart que esta disponible en pub.dev. Te ayuda a usar los tamaños de pantalla a través de mediaquery, sin tener que hacer instancias para acortar su tamaño o usarla por completo. - Administre tamaños por porcentajes de pantalla o incluso píxeles escalables · Porcentaje de ancho · Porcentaje de altura · Píxeles escalables - Use tamaños por porcentaje del widget principal gracias a LayoutBuilder · Ancho principal · Altura de los padres - Gestiona toda la información de la pantalla fácilmente · Ancho · Altura · Proporción de píxeles del dispositivo · Relación de aspecto · Orientación · Tamaño de pantalla

FilmMe

FilMe

Proyecto creado para practicar con el uso de API's en Flutter. Esta aplicación a pesar de parecer básica es muy completa. Entre sus características tiene cosas como: · Image carousel · Hero Animation · Movie search engine · Using The Movie DB API

Sobre mí

Actualmente me especializo en Frontend de Web y Móvil, pero estoy aprendiendo sobre el backend porque me gustaría llegar a ser un desarrollador fullstack.

Con muchas ganas de trabajar, ya que me encanta lo que hago, la programación y el diseño, por lo que me apasiona crear aplicaciones funcionales, bonitas e intuitivas.

En conclusión me gusta mucho el mundo de la tecnología y también soy muy curioso, lo cual me lleva a estar aprendiendo cosas nuevas constantemente.

Si quieres saber más sobre mí, te invito a descargar mi CV.

Descarga mi CV