An open API service indexing awesome lists of open source software.

https://github.com/adrielgbm/portafolio

🎨 Portafolio personal creado con HTML, SCSS, TypeScript y Node.js para dependencias de desarrollo.
https://github.com/adrielgbm/portafolio

autoprefixer bem css eslint gulp html javascript nanocss nodejs postcss scss terser typescript

Last synced: 3 months ago
JSON representation

🎨 Portafolio personal creado con HTML, SCSS, TypeScript y Node.js para dependencias de desarrollo.

Awesome Lists containing this project

README

        

Portafolio 💼



Imagen del proyecto

Ver en GitHub Pages: Portafolio de AdrielGBM

## Descripción 📄
Este portafolio fue desarrollado por AdrielGBM utilizando HTML, SCSS y TypeScript para crear una interfaz moderna, funcional y escalable. Se empleó Node.js para gestionar dependencias de desarrollo, integrando herramientas como Gulp para automatizar tareas y optimizar recursos, así como ESLint para mantener un código limpio y estandarizado. Este proyecto refleja un enfoque en la organización, las buenas prácticas y la implementación de tecnologías actuales en el desarrollo web.
## ¿Qué he aprendido en este proyecto? ✍🏻
En este proyecto he trabajado en mejorar la organización y estructura del código aplicando la metodología BEM (Block, Element, Modifier), lo que me ha permitido mantener un diseño escalable y fácil de mantener. Además, he aprendido a utilizar tecnologías como SCSS y TypeScript, que han sido fundamentales para escribir estilos y lógica más eficientes, modulares y robustos en comparación con CSS y JavaScript puros.

También he profundizado en el uso de Gulp como herramienta de automatización, integrándolo con Node.js para compilar y optimizar los recursos del proyecto. Esto no solo ha mejorado mi flujo de trabajo, sino que también ha reforzado mis habilidades para gestionar tareas complejas en proyectos más grandes. En conjunto, esta experiencia me ha permitido consolidar prácticas modernas en el Desarrollo Front-End.
## Tecnologías 👨🏻‍💻
![html](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
![sass](https://img.shields.io/badge/SASS-CC6699?style=for-the-badge&logo=sass&logoColor=white)
![typescript](https://img.shields.io/badge/TypeScript-3178C6?style=for-the-badge&logo=typescript&logoColor=white)
![nodejs](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
## Autor 🧒🏻
**Adriel Barrientos M.**

[email protected]

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://linkedin.com/in/AdrielGBM/)
[![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)](https://github.com/AdrielGBM)