Este repositorio contiene el código fuente y los recursos utilizados para construir mi portfolio de desarrollo.
Quiero expresar mi profundo agradecimiento a Miguel Ángel Durán García (Midudev) y Gonzalo Pozzo (Goncy) por su invaluable conocimiento que transmiten día a día. Son responsables de mi aprendizaje y forman parte de mi camino como desarrollador. ¡Muchas gracias, chicos!
Se modularizó la aplicación utilizando componentes en React, lo que facilita el desarrollo y mantenimiento del código al dividir la interfaz de usuario en partes reutilizables y fáciles de entender.
Se integró TypeScript con React para agregar tipos estáticos a JavaScript, lo que proporciona una mayor seguridad y escalabilidad al código, al tiempo que facilita la detección de errores durante el desarrollo.
Se utilizó React Icons para integrar iconos en la aplicación, mejorando la estética y la usabilidad al proporcionar una amplia variedad de íconos personalizables y de alta calidad.
Se empleó Tailwind CSS para el diseño y estilización de componentes y elementos de la interfaz de usuario, aprovechando su enfoque de utilidad y clases predefinidas para un desarrollo más eficiente y rápido.
Se utilizó Redux para manejar el estado de la aplicación de forma centralizada y predecible, lo que facilita la gestión y actualización de datos en toda la aplicación.
Se envolvió la aplicación con proveedores (Providers) para proporcionar el contexto de Redux a todos los componentes, permitiendo el acceso al estado global de manera sencilla y eficiente.
Se aprovechó Next.js como framework para aplicaciones web, lo que proporciona funcionalidades avanzadas como el renderizado del lado del servidor (SSR) y la generación de sitios estáticos (SSG) para mejorar el rendimiento y la optimización de SEO.
Se implementó el renderizado del lado del servidor (SSR) para mejorar el rendimiento y la eficiencia de la aplicación al generar el HTML en el servidor antes de enviarlo al cliente, lo que mejora la carga inicial y la indexación en motores de búsqueda.
Se utilizaron componentes especiales proporcionados por Next.js, como Image y Link, para mejorar el rendimiento y la accesibilidad de la aplicación al optimizar la carga de imágenes y la navegación entre páginas.
Se implementaron skeletons con Next.js para mejorar la experiencia del usuario al cargar contenido dinámico, permitiendo mostrar un esqueleto de la interfaz mientras se espera la carga de los datos, lo que mejora la percepción de velocidad y suavidad de la aplicación.
Se utilizó la API de GitHub para obtener el contenido de los repositorios propios, lo que permitió mostrar información detallada sobre los proyectos alojados en GitHub, como descripciones, estrellas y lenguajes utilizados.
Se utilizaron archivos JSON creados para almacenar información en dos idiomas (inglés y español), permitiendo la internacionalización de la aplicación y la adaptación del contenido según las preferencias del usuario.