Tomas
Obregon

Programador con conocimientos de HTML, CSS, JavaScript, BootStrap,Tailwind, React JS y VTEX IO

PROYECTOS

En esta pagina vas a encontrar mi portfolio profesional con los trabajos que vengo desarrollando desde que comence en el camino de ser un programador frontend. Aunque me centro en la programacion con Javascript, es importante destacar que a lo largo de estos trabajos, he implementado diferentes herramientas que me ayudaron a expandir mis conocimientos, tales como el uso de AJAX, diferentes APIS, Bootstrap, o herramientas de backend para poder expandir mis conocimientos.

OXEN

- Solucionando diversas correciones a la aplicacion para escritorio de Session, construida con Electron JS - A cargo de deployments semanales con VPS y diversos fixes / features en las websites incluidas abajo construidas con Next JS - Migracion completa del sitio de OPTF desde Wordpress hacia Next js. - Desarrollando un proyecto que conecta contratos de criptomonedas hacia un sitio web contruido con Next js.
WEBSITES
https://oxen.io/
https://optf.ngo/
https://getsession.org/
https://lokinet.org/
Implemented knowledges: HTML, CSS, Javascript, React, Next JS, Tailwind CSS, Sass , Contentful, Electron JS, Ethers, UseDapp, Firebase, pm2, nginx

Ualá

La totalidad de las paginas web estaticas de Uala quedo bajo mi responsabilidad y la de otra colega. Se comenzo con las paginas sin datos dinamicos y se hizo una migracion hacia el cms de Contentful con GraphQL para permitir cambios de Wording. Todas las paginas web estan realizadas con Next JS, usando Vercel, y utilizando Tailwind CSS para los estilos, ademas de algunos formularios con typeform y otros con conexion de AWS a DynamoDB.
SITIOS WEB:
https://www.uala.com.ar/
https://www.uala.com.co/
https://www.uala.com.mx/
https://www.uala-abc.com.mx/
https://www.ualamas.com.ar/
https://www.ualabis.com.ar/
https://www.ualabis.com.mx/
https://www.ualintecinversiones.com.ar/
https://www.ualintec.com.ar/
Conocimientos implementados: HTML, CSS, Javascript, React, Next JS, Tailwind CSS, Sass , servicios de AWS, Vercel, Typeform, Contentful.

CRYPTOTRACKER

Primera aplicacion realizada con React Native que permite ver la informacion de los ultimos cambios en el valor de todas las criptomonedas, ver detalles de cada una, como los markets de disponibilidad y seleccionar favoritas.
Conocimientos implementados: HTML, CSS, Javascript, React Native

APPASHOPS

Implementando el nuevo framework VTEX IO, se desarrollo un proyecto ecommerce con varias marcas de ropa, en el cual no solo se utilizo componentes del framework sino que tambien acorde a las necesidades del cliente, se customizaron componentes. Como mayor responsable del area de front en el equipo a cargo del proyecto, tuve la posiibilidad de crecimiento ante situaciones desafiantes diariamente.
Conocimientos implementados: HTML, CSS, Javascript, React, VTEX IO

CTEDU

Proyecto realizado trabajando en Rour.dev en conjunto con otros programadores, para migrar el sitio web del cliente hacia React.js teniendo como referencia el sitio pasado realizado con WordPress.
Conocimientos implementados: HTML, CSS, Javascript, React, GatsbyJS, Tailwind

Budg App

Segundo proyecto fullStack, utilizando en esta ocasion MySql como base de datos para un sitio web donde se puede crear un usuario e ingresar a una cuenta que permite mantener una constancia de ingresos y egresos economicos segun diferentes categorias, pudiendo filtrar por estas, generar nuevas operaciones o modificarlas.
Conocimientos implementados: HTML, CSS, Javascript, React, React-BootStrap, Modal-React, Styled-components, Axios, NodeJS,Express, MySql, JWT, Express-validator.

EpayCo - Proyecto M.E.R.N

Primer proyecto fullStack impulsado por un challenge que tiene como ejemplo a EpayCo, donde utilice MongoDB como base de datos para un sitio web donde se puede crear un usuario con una billetera virtual, cargar dinero, consultar el saldo y comprar servicios con una verificacion de un Token que llegará al mail.
Conocimientos implementados: HTML, CSS, Javascript, React, BootStrap, Axios, NodeJS,MongoDB, NodeMailer y Express.

pokedex

Con la implementacion de la API externa de PokeApi, generé un simple sitio web con la historia de la saga Pokemon y la lista final de todos los Pokemon de la tan reconocida serie.
Conocimientos implementados: HTML, CSS, Javascript y BootStrap.

marisa napitello

Un sitio web para la actriz profesional Marisa Napitello que incluye su biografia, su trayectoria y galeria de fotos completamente realizada con Vanilla Javascript.
Conocimientos implementados: HTML, CSS, Vanilla Javascript.

di lorenzo

Sitio web para restaurante Di Lorenzo implementando AJAX con Fetch para la API externa de Stripe, que funciona como backend para traer los datos de las comidas y permite realizar pagos.
Conocimientos implementados: HTML, CSS, Javascript, Bootstrap, Stripe.

* Para poder comprobar los pagos, utilizar 4242 4242 4242 4242 como tarjeta de credito y cualquier numero como codigo de seguridad y fecha de vencimiento.

chuck norris robots

Con React y ayuda de dos apis externas, genere un sitio web que al presionar un boton te entrega un chiste sobre la reconocida figura de Chuck Norris contado por un robot. Uitlice una API para las imagenes de robots y otra API para los chistes.
Conocimientos implementados: HTML, CSS, Javascript, React.

LISTA DE TAREAS CON REACT

Desarrollando practicas mas complejas genere una lista de tareas con React, donde se puede generar nuevas tareas, editarlas, marcarlas como completadas, eliminarlas o filtrar segun tareas completadas o activas.
Conocimientos implementados: HTML, CSS, Javascript, React.

TE TE TI REACT

Siguiendo practicas con React desarrollé un simple juego de ta-te-ti con historial de partidas ganadas por los jugadores.
Conocimientos implementados: HTML, CSS, Javascript, React.

Sticky notes

Este se trata de mi primer sitio web que permite generar, editar y eliminar notas propias. Se trata de mi primer contacto con React.
Conocimientos implementados: HTML, CSS, Javascript, React.

sobre numeros romanos y palindromos

El curso realizado en la UTN de Javascript me permitio generar un sitio web encargado de informar sobre los numeros romanos y realizar un pasaje de numeros a numeros romanos por un lado, mientras que por el otro, informacion respecto a lo que es un palindromo que incluye un test que permite confirmar si la palabra o frase ingresada es o no un palindromo.
Conocimientos implementados: HTML, CSS, Vanilla Javascript, JQuery (Slick library).

D.O.M. en
javascript

En uno de mis primeros proyectos propios, pongo en juego mis conocimientos del DOM con Javascript, utilizando la geolocalizacion, calculo de fechas, la entrada de audio y video, entre otros.
Conocimientos implementados: HTML, CSS, Vanilla Javascript