¡Hola!
SOY AYELEN GARCÍA,
FULLSTACK DEVELOPER
Actualmente me desempeño como Desarrolladora Frontend y FullStack con casi 3 años de experiencia. Me encanta el mundo del gaming y trabajo con esa inspiración en la mayoría de mis proyectos personales.
Cuando me enfrento a proyectos desafiantes suelo ser exhaustiva e intuitiva para llegar a mis objetivos. Me motiva poner mis conocimientos a prueba y tener la oportunidad de crecer y adquirir mayor experiencia en el mundo IT.
MIS HABILIDADES
HTML
CSS
JS
Github
GIT
React
SASS
NodeJs
Figma
Me gusta explorar y aprender nuevas tecnologías de forma constante. He trabajado desarrollando soluciones end-to-end, desde el análisis y diseño hasta la implementación y el despliegue. Tengo experiencia con bases de datos MySQL (MariaDB) y MongoDB, desarrollo y consumo de APIs REST, integraciones entre sistemas y despliegues en entornos cloud utilizando Google Cloud y Azure (VMs), así como Docker para la contenerización de servicios. Además, desarrollo proyectos de frontend, incluyendo soluciones orientadas a experiencia de usuario como invitaciones digitales y sitios web interactivos. Comparto parte de mi trabajo y proyectos en mi repositorio de GitHub, al que te invito a visitar.
MIS PROYECTOS
API PASARELA – Integraciones Backend
Node.js, Express Js, Mongo DB, Botmaker, FTP, Azure, APIs REST, microservicios, integraciones y automatización
Proyecto backend orientado a la integración de múltiples servicios internos desplegados en máquinas virtuales independientes, conectados mediante una API pasarela utilizada por scripts externos en Botmaker.
FORMULARIO DE AUTOGESTIÓN
React Js, CSS, Express, JWT token, MySQL, Express, APIrest, Docker, GoogleCloud.
Formulario de registro para programa de beneficios de Farmacias Central Oeste. Los usuarios se conectan al mismo a través de un QR. Al ingresar su DNI el cliente del formulario consulta por API a la BD maría, si no está registrado se realiza el envío por email del formulario para la autenticación del email. El mismo cuenta con un token de seguridad con un tiempo definido. Además de las APIs de consulta/alta y mailing, el cliente del formulario se comunica con la api de apis.datos.gob.ar y tiene integracion con datapickers de Material UI.
Aplicación Móvil Ecommerce - REACT NATIVE
React Native, EXPO, Firebase, Google Maps API, APK.
Esta es una aplicación React Native creada con Expo para Android. Funciona como una plataforma de comercio electrónico para productos de belleza, incluye categorías de Fragancias, Maquillaje, Dermocosmética, Cuidado de uñas, Cuidado del cabello y Cuidado Corporal. La aplicación integra Firebase para servicios de backend, la API de Google Maps para servicios de ubicación y admite funciones de cámara y galería.
FUNDACIÓN NAVE
REACT JS, HTML, CSS, CHAKRA UI, MongoDB, Express, Hooks, etc.
Sitio Web Institucional para Fundación NAVE. Dispositivo sin fines de lucro que brinda acompañamiento en salud Salud Mental y Legales a niños y adolescentes. App SPA, con integración frontend & backend. El proyecto cuenta con integración de método de pago con Mercado Pago para donaciones y Formulario de contacto con Nodemailer.
INVITACIÓN DIGITAL
React, Vite, Bootstrap, Styled Components, animaciones, integraciones, Google sheets, Google forms y UX mobile-first
Proyecto freelance de invitación digital interactiva para eventos. Desarrollado con React sobre Vite, integrando librerías de animación como AOS, Animate.css y Lottie para enriquecer la experiencia visual. Incluye componentes dinámicos como contadores, sliders, códigos QR y manejo de fechas con date-fns. Los formularios se integran con Google Sheets como base de datos para la gestión de confirmaciones y respuestas. Diseño responsive con enfoque mobile-first, cuidando performance, usabilidad y una navegación fluida. Despliegue en Netlify.
OFIFLEX
React js, Node js, Mongo DB, API, Context, SCRUM, UX-UI, Testing.
Simulación laboral de la mano de NoCountry. Se trata de una aplicación Fullstack de reservas de estacios de trabajo con manejo de roles de usuario, para clientes y vendedores. Lista de servicios, reserva de espacios, gestión de espacios, feedback, perfil de usuarios, formularios, etc. No responsive
INVITACIÓN DIGITAL
React, Vite, Bootstrap, Styled Components, animaciones, integraciones, Google sheets, Google forms y UX mobile-first
Proyecto freelance de invitación digital interactiva para eventos. Desarrollado con React sobre Vite, integrando librerías de animación como AOS, Animate.css y Lottie para enriquecer la experiencia visual. Incluye componentes dinámicos como contadores, sliders, códigos QR y manejo de fechas con date-fns. Los formularios se integran con Google Sheets como base de datos para la gestión de confirmaciones y respuestas. Diseño responsive con enfoque mobile-first, cuidando performance, usabilidad y una navegación fluida. Despliegue en Netlify.
BIKININFA
Express, MongoDB, Cookies, JWT token, handlebars, passport, socket io, testing, Mailing, etc
Proyecto Backend CoderHouse. Ecommerce con integración frontend desde handlebars. Desarrollo de Server Express con tecnologías actuales, persistencia de datos, escalabilidad, lógica de Session con Passport (local, github, google), estrategias de autenticacion y autorizacion con JWT, cookies, documentación de API, testing, parselas de pago, chat en tiempo real, arquitectura por capas, Mailing, etc. No responsive
SUSCRIPCIÓN INCONTINENCIAS
HTML, CSS, JS vanilla, Express, MongoDB, Express, API.
Formulario de satifacción con fin de suscripción/compra recurrente. Consumo de productos por API (Server Nodejs). La respuesta del usuario es guardada en una BD en MongoDB. A su vez la API es conectada con una tabla a través del cliente con la función de descarga de CSV. Estos datos son utilizados por el area de operadoras en farmacia para el contacto manual con el usuario.
INVITACIÓN DIGITAL
React, Vite, Bootstrap, Styled Components, animaciones, integraciones, Google sheets, Google forms y UX mobile-first
Proyecto freelance de invitación digital interactiva para eventos. Desarrollado con React sobre Vite, integrando librerías de animación como AOS, Animate.css y Lottie para enriquecer la experiencia visual. Incluye componentes dinámicos como contadores, sliders, códigos QR y manejo de fechas con date-fns. Los formularios se integran con Google Sheets como base de datos para la gestión de confirmaciones y respuestas. Diseño responsive con enfoque mobile-first, cuidando performance, usabilidad y una navegación fluida. Despliegue en Netlify.
SHOPLY GAMER
REACT JS, HTML, CSS, CHAKRA UI, Firebase, Context, Customs Hooks & Hook effect.
Proyecto React CoderHouse. Simulador Ecommerce de componentes para PC y Gaming. Desarrollo natural de React por composición. Integración de Firebase como BD. Manejo e integración de librerías y tecnicas como React Context (arbol de componentes, traspaso de props), React Router Dom (rutas dinámicas y App SPA), estilos con librería ChakraUI (sistema de grillas), Custom Hook de la Base de datos, etc.
PORTFOLIO BRUJULA
HTML, CSS, REACT JS, NODE JS, BOOTSTRAP, Styled-Components, Animaciones, Themes, Hooks
Portafolio personal realizado con framework Reacts. Desarrollo de secciones por composición. Integración y uso de Librerías Bootstrap y ChakraUI para los estilos, styled-components para los Temas (Ligth-Dark), react-slick para sliders y carouseles, compilacion con Vite Js. Enfoque First mobile. Estilos y animaciones con CSS, Hooks de estado, JSON.
CLONE MINECRAFT WEB
React Js, CSS, VITE, THREE JS, ZUSTAND.
Clon de Minecraft web. Práctica con la librería three siguiendo la guía práctica de @midudev. Esta micro aplicación es una simulación de una escena bàsica de Minecraft.Envuelto en un lienzo (canvas) se encuentra el cielo, cámara y las físicas creando la escena. Las físicas compuestas por el jugador (esfera), el suelo y los cubos propios de Minecraft. Se crearon dos customs Hooks que contienen la configuración del teclado y los eventos para las acciones del jugador.
FINE GAMES
HTML, CSS, JS, SASS, BOOTSTRAP, PROMISES y librerías.
Simulador Ecomerce de Store de juegos inspirada en algunas de las más conocidas. Desarrollo con JavaScript vanilla, utilización de tecnología AJAX, Fetch y JSON para simular el intercambio Backend y el consumo de API. Se utilizó bootstrap como framework, sin embargo la mayorÍa de modales y eventos fueron creadas con CSS puro y Js.
© Ayelen García 2024 - Todos los derechos reservados.