Carlos Eduardo - Portafolio

Hola, mi nombre es Carlos Eduardo Cortes Fernandez y construyo aplicaciones web.

Actualmente soy estudiante en ingeniería de desarrollo y gestión de software con formación y experiencia en desarrollo de software multiplataforma, además formo parte del proyecto Oracle ONE en Alura Latam.

Sobre mi

yo carlos Conoce un poco sobre mi.

Estudiante de Ingeniería en Desarrollo y Gestión de Software en busca de oportunidades que me permitan ganar experiencia en el desarrollo de sistemas y aplicaciones web o móviles acorde a los estándares y tecnologías actuales.


Egresado en la carrera de Técnico Superior Universitario en Tecnologías de la Información, en el área de Desarrollo de Software Multiplataforma en donde aprendí acerca del desarrollo de aplicaciones web usando Frameworks como Laravel, Vue o React, desarrollo de PWA (Progressive Web App), diseño de aplicaciones, diseño y desarrollo de Bases de Datos Relacionales y No Relacionales y desarrollo de aplicaciones en Android.

firma carlos

Skills

  • Html
  • HTML 5
  • Web
  • CSS
  • Diseño Web
  • Javascript
  • Programación
  • Laravel - PHP
  • BackEnd
  • Vue JS Vue
  • FrontEnd
  • React React
  • FrontEnd
  • Progressive Web Apps React
  • Desarrollo Multiplataforma
  • Git - Github React
  • Control de Versiones
  • Inglés React
  • Idiomas

Hobbies

  • Dibujar
  • Ver series y peliculas
  • Escuchar música
  • Tocar Guitarra
  • Escribir
  • Entrenar

Formación académica

  • TSU en Desarrollo de Software Multiplataforma

  • Universidad Tecnologica de la Riviera Maya

  • Playa del Carmen
  • 2020 - 2022

  • Ingeniería en Desarrollo y Gestion de Software

  • Universidad Tecnologica de la Riviera Maya

  • Playa del Carmen
  • 2023 - En Curso

  • Formación Alura
    FrontEnd

  • Alura - Oracle Next Education

  • Online
  • 2023 - En Curso

Experiencia Profesional

Encriptador de texto

Challenge de Alura Codificador y decodificador de texto.


Skills:

  • HTMl 5
  • CSS
  • Javascript

Terminología

Terminología Interactiva de la materia Seguridad en el desarrollo de software.


Skills:

  • HTMl 5
  • CSS
  • Javascript

Aplicación de Check List

App creada para el seguimiento de tareas del área de sistemas para la cadena de hoteles Ocean


Skills:

  • Vue JS
  • Laravel
  • PWA

Easy Access - En Desarrollo

Sistema de Control y Gestion de acceso mediante QR como proyecto de Integradora para la UT Riviera Maya


Skills:

  • HTMl 5
  • CSS
  • Javascript

Currículum PWA

Aplicación de ejemplo de Currículum creado para la materia de Desarrollo de Software Multiplataforma


Skills:

  • HTMl 5
  • CSS
  • Javascript

Ecommerce

Challenge de alura, aplicación de ecommerce conectada a una API para obtener y manipular los productos.


Skills:

  • HTMl 5
  • CSS
  • Javascript

ORG

Proyecto desarrollado en el segundo curso de la formación React de Alura Latam, haciendo uso del localstorage.


Skills:

  • React
  • CSS
  • Javascript

BioShock Tube

Challenge Alura desarrollado en React. Reproductor de videos relacionados a Bioshock y su universo.


Skills:

  • React
  • CSS
  • PWA

Contacto

Complete el siguiente formulario para que pueda ponerme en contacto contigo lo mas pronto posible.

×

HTML 5

Web

html

¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje de marcado estándar utilizado para crear la estructura y el contenido de las páginas web. Es el lenguaje base de la World Wide Web y se utiliza para definir la estructura y el significado de los elementos de una página web, como encabezados, párrafos, enlaces, imágenes, formularios, tablas, etc.

Usos

En resumen, HTML es el lenguaje fundamental para crear páginas web, proporcionando la estructura y el contenido básico de una página que puede ser aplicado en:

  • Creación de sitios web.
  • Desarrollo de aplicaciones web.
  • Construcción de formularios en línea.
  • Publicación de contenido en línea.
html

Historial

HTML lo aprendí a fondo en la formación de Oracle One de Alura Latam, en sus cursos de HTML.

×

CSS

Diseño Web

css

¿Qué es CSS?

CSS (Cascading Style Sheets) es un lenguaje de estilo utilizado para definir la presentación y el diseño de un documento HTML. Permite controlar el aspecto visual de un sitio web, incluyendo colores, fuentes, márgenes y disposición de los elementos en la página.

Usos

En resumen, Se utiliza en conjunto con HTML para crear páginas web con estilos.

  • Dar formato y estilo a páginas web.
  • Crear diseños responsivos y adaptativos.
  • Animaciones y efectos visuales.
  • Personalización de la apariencia de los elementos en una página.
CSS

Historial

CSS lo aprendí a fondo en la formación de Oracle One de Alura Latam, en sus cursos de CSS.

×

JavaScript

Programación

JavaScript

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se utiliza principalmente en el desarrollo web. Es un lenguaje de scripting del lado del cliente, lo que significa que se ejecuta en el navegador del usuario final.

Usos

En resumen, JavaScript es un elemento fundamental que permite interactuar con el contenido de una página web, modificar su estructura y comportamiento de manera dinamica.

  • Validación de formularios.
  • Manipulación y modificación de elementos HTML.
  • Interacción con el usuario, como eventos y animaciones.
  • Desarrollo de aplicaciones web en el lado del cliente.
JavaScript

Historial

JavaScript lo aprendi a fondo en la formacion de Oracle One de Alura Latam, en sus cursos de JavaScript.

×

Laravel

Framework

laravel

¿Qué es Laravel?

Laravel es un framework de desarrollo de aplicaciones web en PHP. Proporciona una estructura robusta y una amplia gama de funcionalidades para agilizar el desarrollo.

Usos

Laravel utiliza el patrón de diseño MVC (Modelo-Vista-Controlador) para separar la lógica de negocio de la presentación.

  • Desarrollo de aplicaciones web escalables y de alto rendimiento.
  • Construcción de API RESTful.
  • Gestión de bases de datos y consultas.
  • Implementación de autenticación y autorización.
laravel

Historial

Aprendí a usar y trabajar con el framework laravel en mi proyecto Integrador de la universidad y en mi proyecto de estadías.

×

Vue JS

Framework

vue

¿Qué es JavaScript?

Vue.js es un framework de JavaScript utilizado para construir interfaces de usuario interactivas. Es conocido por su enfoque progresivo, lo que significa que se puede utilizar de forma incremental en un proyecto existente.

Usos

Vue.js proporciona una forma elegante de manejar la vista de una aplicación web y facilita la integración con bibliotecas o proyectos existentes.

  • Desarrollo de aplicaciones web interactivas y de una sola página.
  • Construcción de componentes reutilizables.
  • Actualización de la vista de una aplicación de manera reactiva y eficiente.
vue

Historial

Aprendí sobre Vue en la Universidad, sin embargo pude trabajar con el en mayor medida en mi proyecto de estadías.

×

React

Biblioteca

react

¿Qué es React?

React es una biblioteca de JavaScript desarrollada por Facebook. Se utiliza para construir interfaces de usuario interactivas y eficientes.

Usos

React maneja componentes reutilizables y tiene un enfoque basado en la manipulación del DOM virtual para renderizar las actualizaciones de manera eficiente.

  • Desarrollo de aplicaciones web de una sola página (SPA).
  • Construcción de interfaces de usuario interactivas.
  • Creación de aplicaciones móviles utilizando React Native.
  • Integración con otras bibliotecas y frameworks.
react

Historial

Manejé React en la universidad y pude aprenderlo a fondo en la formacion FrontEnd de Alura.

×

Progressive Web App

Multiplataforma

pwa

¿Qué es PWA?

Las Progressive Web Apps (Aplicaciones Web Progresivas) son aplicaciones web que se comportan como aplicaciones nativas en dispositivos móviles y escritorio.

Usos

Proporcionan una experiencia similar a la de una aplicación nativa, como notificaciones push, acceso fuera de línea y la capacidad de instalación en el dispositivo.

  • Desarrollo de aplicaciones móviles multiplataforma.
  • Creación de experiencias de usuario fuera de línea.
  • Mejora de la accesibilidad y rendimiento de una aplicación web.
  • Fácil distribución de aplicaciones
pwa

Historial

Aprendí a desarrollar aplicaciones web progresivas en la universidad y en mi proyecto de estadías.

×

Git - Github

Control de Versiones

git

¿Qué es Git y Github?

Git es un sistema de control de versiones distribuido utilizado para rastrear cambios en archivos y coordinar el trabajo en colaboración. GitHub es una plataforma en línea que utiliza Git para alojar y compartir repositorios de código fuente.

Usos

GitHub permite administrar el codigo de proyectos de manera eficiente, faciliita la creacion de un entorno colaborativo para un desarrollo adecuado.

  • Control de versiones de proyectos de desarrollo de software.
  • Colaboración y coordinación de equipos de desarrollo.
  • Seguimiento de cambios en el código fuente.
  • Compartir y descubrir proyectos de código abierto.
git

Historial

Sobre Git y Github lo aprendi en la formacion de Oracle One de Alura Latam, en sus cursos de git para el control de versiones.

×

Ingles

Idiomas

JavaScript

Historial

JavaScript

Aprendí el idioma ingles en la universidad gracias a que manejan un modelo de enseñanza bilingue que me permitió desarrollar en gran medida mis habilidades en este idioma llegando hasta un nivel de B2 lo cual facilitó mi comunicacion con los clientes del lugar donde realicé de estadías.

×

Encriptador de Texto

Alura Challenge

Descripción del Proyecto

Encriptador

Este proyecto es uno de los challenges de Alura para poner en práctica mis conocimientos de programación en JavaScript tanto en el manejo básico del DOM como en el uso y manipulación de variables, mis habilidades en la semantica de HTML y la aplicación de diseños de figma a CSS.

Funciones Principales

Este Encriptador de Texto cuenta con las siguientes funcionalidades:

  • Encriptar texto ingresado por el usuario.
  • Copiar texto encriptado en el portapapeles.
  • Desencriptar texto ingresado por el usuario.
  • Mostrar alertas cuando no se ha ingresado texto o al copiar en el portapapeles.

Experiencias

En este Challenge pude poner en práctica por primera vez lo que aprendí en los primeros cursos de Alura sobre HTML, CSS y JavaScript; por lo que fue interesante abordarlo, ver por donde empezar y que descubrir lo que podia hacer.

Retos

Realizar este Challenge no presentó muchas dificultades pues fue preparado para abordar requerimientos y su logica de programación de manera sencilla, lo unico que supuso dificultad fue la encriptacion.

×

Terminologia

Proyecto Escolar

Descripción del Proyecto

Encriptador

Este proyecto es una terminología interactiva desarrollada para la materia de seguridad en el desarrollo de software, dónde se puede acceder a los diferentes conceptos vistos en la materia, divididos en unidad y con la posibilidad de ver las referencias de cada concepto y visitar el sitio de referencia.

Funciones Principales

Esta terminología interactiva cuenta con las siguientes funcionalidades:

  • Generar los botones, definiciones y referencias de manera dinámica.
  • Desplegar el concepto del término seleccionado.
  • Ver y ocultar la referencia del término seleccionado.
  • Ver los conceptos divididos en unidades.
  • Visitar el sitio de referencia.

Experiencias

Desarrollar está terminología fue interesante para poder seguir practicando lo aprendido en los cursos de Alura, además está terminología hace uso de json mediante fetch para obtener los conceptos y generarlos en el html de manera dinámica algo que aprendí en la universidad.

Dificultades

Este proyecto fue interesante de realizar pues pude seguir practicando lo aprendido en Alura y en la universidad, lo único complicado fue la lógica para mostrar y ocultar el contenido seleccionado y de su respectiva unidad.

×

Aplicación de Check List

Proyecto de Estadías

Descripción del Proyecto

Encriptador

Este proyecto es una aplicación desarrollada en Vue (usando Bootstrap para los estilos) para el registro de las tareas diarias del área de sistemas en el hotel Ocean Riviera Paradise, adicionalmente se creó un módulo para la administración de los check list de los 7 hoteles pertenecientes a la cadena Ocean en el sistema del hotel el cual está desarrollado con el framework Laravel.

Funciones Principales

Este proyecto cuenta con las siguientes funcionalidades:

  • Conexión entre ambos sistemas mediante soporte API de Laravel.

    • Aplicación

  • Login a la aplicación usando los usuarios del sistema del hotel.
  • Ver un resumen de las actividades del hotel al que pertenece el usuario.
  • Llenar todos los ítems del check list del hotel seleccionado, evidencia incluida.
  • Editar el check list realizado del día actual.
  • Ver los check list realizados, mediante un filtro de fechas.

    • Modulo de administración

  • Crear check list para un hotel.
  • Crear items de un check list.
  • Editar y eliminar ítems o check list.
  • Ver los registros de checklist realizados mediante filtros.
  • Apartado de estadísticas de los registros realizados.

Experiencias

Realizar este proyecto fue un desafio dada la complejidad que se presentó al momento de conectar ambos sistemas, puse todo mi empeño y esfuerzo para mejorar mis habilidades y conocimientos para así poder entregar un producto de calidad que al momento de concluir mis estadías quedó 100% terminado y listo para poner en producción. Me hubiera gustado realizar esa etapa sin embargo el tiempo no fue suficiente.

Dificultades

Presenté algunas complicaciones a lo largo del desarrollo de la aplicacion. Al principio fue un reto entender la estructura y funcionamiento del sistema del hotel pues hacia uso de varios elementos tanto de Laravel como de Vue que no habia visto antes, sin embargo no me tomó tiempo decifrarlo y asi poder empezar a desarrollar el proyecto. Hubo confusiones en el modelo de datos pero fueron solucionadas con rápidez. En la aplicación el reto más complicado fue el llenado del check list pues fue solicitado el poder llenar y enviar todos los items en un solo formulario, tanto en la logica como en lo visual fue dificil de realizar pero investigando y haciendo pruebas logré resolverlo.

×

Easy Access

Proyecto Integradora

Descripción del Proyecto

Encriptador

Este proyecto universitario, es un sistema de control y gestion de accesos mediante el uso y validacion de QR para mantener el registro de accesos a instalaciones publicas y privadas. Primeramente fue desarrollado en laravel, actualmente se han realizado modificaciones al proyecto y se encuentra en etapa de diseño pero se planea desarrollar haciendo uso de Vue ó React para el FrontEnd y Laravel para el BackEnd.

Funciones Principales

Easy Access contará con las siguientes funcionalidades:

  • Acceso a instalaciones mediante QR.
  • Acceder a los registros generados.
  • Crear Instalaciones.
  • Realizar inscripciones a instalaciones.
  • Asignar usuario para supervisión.
  • Realizar Justificaciones.
  • Evaluar Justificaciones.
  • Funciones de administración.

Experiencia

Prácticamente aprendí con este proyecto el funcionamiento y uso de laravel, e incluso fue la base para aprender a trabajar en equipo y conocer de manera adecuada las fases de desarrollo de un proyecto.

Dificultades

Durante la primera versión el desarrollar la logíca para crear un usuario fue complicada pues el modelo usado requería de distintos datos dependiendo del tipo de usuario que se seleccionara por lo que la inserción de los mismos en la base de datos tambien tenia que ser dinamica, se pudo resolver sin embargo en esta nueva version se planeó un modelo diferente que no depende del tipo de usuario.

×

Currículum PWA

Proyecto Escolar

Descripción del Proyecto

Encriptador

Este currículum es una actividad el la matería de desarrollo de software multiplataforma, utiliza la tecnología de las Progressive Web Apps para poder instalarse en el dispositivo lo que permite que sea accesible a cualquier dispositivo ya sea movíl o de escritorio.

Funciones Principales

Este currículum cuenta con las siguientes funcionalidades:

  • Uso de fetch para obtener datos de un JSON.
  • Inserción de contenido html de forma dinámica con JS.
  • Uso de service worker.
  • Instalación de la aplicación.
  • Uso del cache del dispositivo.
  • Carga de la aplicación sin Conexión a internet.

Experiencia

Realizar este proyecto me permitió conocer alternativas para el desarrollo en dispositivos movíles pues haciendo uso del Manifest y el Service worker se puede crear un producto que parece desarrollado de manera nativa pero que no importa el dispositivo o el sistema la mayoría puede hacer uso de esta aplicación.

Dificultades

Lo complicado de este proyecto fue entender el funcionamiento de una PWA y el como se podria llevar a cabo además de la obtencion de datos, si embargo investigando lo suficiente se logro desarrollarlo completamente y sobre todo que es funcional.

×

Ecommerce

Alura Challenge

Descripción del Proyecto

alurageek

Este proyecto es uno de los challenges de Alura para poner en práctica mis conocimientos de programación en JavaScript tanto en el manejo del DOM como en el uso y manipulación de componentes javascript y peticiones a APIs a traves de fetch utilizado la asincronía.

Funciones Principales

Este Ecommerce cuenta con las siguientes funcionalidades:

  • Ver productos por categoría
  • Buscar productos específicos
  • Ver producto en específico
  • Inicio de sesíon para administradores y usuarios
  • Funciones CRUD

Experiencias

En este Challenge pude poner en práctica lo aprendido en los cursos avanzados de Alura sobre HTML, CSS y JavaScript en el desarrollo FrontEnd; por lo que fue interesante abordarlo, ver por donde empezar y que descubrir lo que podia hacer con las peticiones y el uso de componentes.

Retos

Realizar este Challenge no presentó muchas dificultades pues fue preparado para abordar requerimientos y su logica de programación de manera sencilla, lo unico que supuso dificultad fue la busqueda de opciones para usar una API pues no fue proporcionada alguna API para realizar peticiones.

×

ORG App

Proyecto Alura

Descripción del Proyecto

org

Este proyecto es parte de la formación de Alura para aprender sobre la biblioteca React, el uso de componentes, manejo de arreglos dentro de react, control de la pagina mediante useState entre otras cosas

Funciones Principales

Esta aplicación cuenta con las siguientes funcionalidades:

  • Crear colaboradores
  • Crear nuevos equipos
  • Editar colores
  • Eliminar colaboradores
  • Marcar como favoritos

Experiencias

En este proyecto pude poner en práctica lo aprendido en los primeros cursos cursos de Alura sobre react en el desarrollo FrontEnd; por lo que fue interesante abordarlo, ver por donde empezar y que descubrir lo que podia hacer con el uso y reutilizacion de componentes asi como el actualizar elementos del DOM sin tener que refrescar la página.

Retos

Realizar este proyecto no presentó muchas dificultades pues fue realizado a la par del curso sin embargo fue muy interesante realizarlo y aprender al maximo de lo que react puede ofrecer.

×

BioShock Tube

Alura Challenge

Descripción del Proyecto

bioshocktube

Este proyecto es un reproductor de videos sobre el videojuego Bioshock y su universo. Es el tercer Challenge de la formación Front End de Alura y está desarrollado en React usando componentes, routing y la librería de Styled Components para agilizar el desarrollo.

Funciones Principales

Esta aplicación cuenta con las siguientes funcionalidades:

  • CRUD para la gestión de Videos.
  • CRUD para la gestión de Categorías.
  • Búsqueda de Videos.
  • Reproducir Videos.

Experiencias

Este proyecto fue realizado desde cero usando lo aprendido durante toda la formación de React de Alura. Logré poner en practica y sobre todo experimentar más allá sobre el manejo y reutilización de componentes, el uso de useState y useEffect para el control de formularios, carga de datos e incluso la aplicación de distintos estilos dependiendo del estado. Definir el flujo de la navegación del usuario al realizar distintas acciones y la aplicación de un tema oscuro además de guardar la selección del usuario.

Retos

Gracias a que previamente aprendí a realizar correctamente la planeación y desarrollo de un proyecto pude comenzar con el pie derecho y así poder presentar avances de manera eficiente; planeando los requerimientos, funciones y diseñando las vistas. Solamente tuve ciertos problemas al manejar la carga y peticiones de datos usando useEffect y axios pues fue algo que se vio de manera muy superficial en los cursos aunque rápidamente pude adaptarme y seguir adelante. Sin embargo al principio tenia cierta incertidumbre de como comenzar el proyecto pero a medida que fui trabajando se logro concluir en un proyecto que me llena de orgullo.