Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/uxcorprangel/portfolios-dev

🚀 Una colección única de plantillas de portafolios para desarrolladores. ❤️‍🔥
https://github.com/uxcorprangel/portfolios-dev

astro astro-template astrojs portfolio portfolio-template template templates

Last synced: 4 days ago
JSON representation

🚀 Una colección única de plantillas de portafolios para desarrolladores. ❤️‍🔥

Awesome Lists containing this project

README 

        
![Portada](./assets/image.png)



# 🦄 Portfolios Dev



Una colección única de plantillas de portafolios para desarrolladores. Obtén un portafolio profesional, moderno y personalizable, resalta tus proyectos, tu experiencia y destaca en el mundo tech con diseños que impresionan.



## 📖 Tabla de contenidos



- [🙌 Motivación](#-motivaci%C3%B3n)

- [👀 Características](#-caracter%C3%ADsticas)

- [📦 Stack](#-stack)

- [✨ Plantillas](#-plantillas)

  - [🦄 Unicorn Sparkle](#-unicorn-sparkle)

  - [🔮 Mistical Unicorn](#-mistical-unicorn)

- [❤️ Plantillas de la comunidad](#%EF%B8%8F-plantillas-de-la-comunidad)

  - [🌈 Rainbow Unicorn](#-rainbow-unicorn)

- [🤝 Contribuir](#-contribuir)

- [📈 Actividad](#-actividad)

- [📄 Licencia](#-licencia)



## 🙌 Motivación



[Ana Rangel][anarangel], creadora de [UXCorpRangel][uxcorprangel], diseñó esta colección de portafolios como un tributo a la comunidad que la ayudó en el desarrollo de su [portafolio][portafolio]. Ana decidió devolver ese valor con plantillas que cualquier desarrollador pueda usar para mejorar su propio portafolio. Estas plantillas no solo reflejan su creatividad y experiencia, sino que también son una herramienta accesible para que otros desarrolladores destaquen sus proyectos y habilidades de manera profesional.



## 👀 Características



- ⭐ Diseño moderno y personalizable.

- 🖥️ Diseño adaptable a diferentes tamaños de pantalla.

- 🌎 Disponible para múltiples idiomas.

- 🚀 Dependencias actualizadas.

- ⚡ Enfoque en el rendimiento.

- 🌗 Soporte para tema claro y oscuro.



## 📦 Stack



- 🚀 [Astro](https://astro.build/) - El framework web para sitios web basados en contenidos.

- 🏷️ [Typescript](https://www.typescriptlang.org/) - JavaScript con sintaxis para tipos.

- 💅 [Sanitize.css](https://github.com/csstools/sanitize.css) - Una colección de estilos de reset CSS.



## ✨ Plantillas



### [🦄 Unicorn Sparkle][unicorn-sparkle-folder]



[![Unicorn Sparkle][unicorn-sparkle-screenshot]][unicorn-sparkle-folder]



[![Lighthouse Performance Badge][performance-badge]][pagespeed]

[![Lighthouse Accessibility Badge][accessibility-badge]][pagespeed]

[![Lighthouse Best Practices Badge][best-practices-badge]][pagespeed]

[![Lighthouse SEO Badge][seo-badge]][pagespeed]



#### 🔗 Enlaces



[![Diseño de Unicorn Sparkle][figma-badge]][figma]

[![Sitio web de Unicorn Sparkle][demo-badge]][demo]



#### 🤔 ¿Cómo usar?



Para utilizar la plantilla [Unicorn Sparkle][unicorn-sparkle-folder] puedes copiar y ejecutar el siguiente comando en tu terminal:



Con NPM:



```bash

npm create astro@latest -- --template UXCorpRangel/portfolios-dev/unicorn-sparkle

```



Con PNPM:



```bash

pnpm create astro@latest -- --template UXCorpRangel/portfolios-dev/unicorn-sparkle

```



Luego entra en la carpeta de tu portafolio, instala las dependencias y ¡listo! 🎉.



[👉 Leer más][unicorn-sparkle-folder]



### [🔮 Mistical Unicorn][mistical-unicorn-folder]



> [!IMPORTANT]

> 🚧 En construcción 🚧



## ❤️ Plantillas de la comunidad



### [🌈 Rainbow Unicorn][rainbow-unicorn-folder]



[![Rainbow Unicorn](./rainbow-unicorn/assets/rainbow-unicorn.gif)][rainbow-unicorn-folder]



Plantilla para desarrolladores que quieren tener un portafolio con un diseño tipo Bento minimalista y con una funcionalidad espectacular de reorganizar secciones.



#### 🔗 Enlaces



[![Repositorio][github-badge]][rainbow-unicorn-repo]

[![Sitio web de Rainbow Unicorn][demo-badge]][rainbow-unicorn-demo]



#### 📦 Stack



- ⚡ [Vite](https://vitejs.dev/) - Herramienta de creación rápida que impulsa la próxima generación de aplicaciones web.

- ⚛️ [React](https://react.dev/) - Librería de JavaScript para construir interfaces de usuario.

- 💅 [CSS](https://lenguajecss.com/css/) - Lenguaje de estilo para páginas web.

- 🏷️ [Typescript](https://www.typescriptlang.org/) - JavaScript con sintaxis para tipos.



#### 🤔 ¿Cómo usar?



Para utilizar la plantilla [Rainbow Unicorn][rainbow-unicorn-folder] puedes copiar y ejecutar el siguiente comando en tu terminal:



Con NPM:



```bash

npx giget@latest gh:UXCorpRangel/portfolios-dev/rainbow-unicorn myPortfolio

```



Con PNPM:



```bash

pnpx giget@latest gh:UXCorpRangel/portfolios-dev/rainbow-unicorn myPortfolio

```



Luego entra en la carpeta de tu portafolio, instala las dependencias y ¡listo! 🎉.



### 👀 Otras plantillas



Descubre quién está usando o se inspiró por esta colección de plantillas para crear su propio portafolio.



#### HTML 5 Vanilla



- [Portfolio_with_UX_UI_Design](https://github.com/Edu980-8/Portfolio_with_UX_UI_Design) - [Ver demo](https://edu980-8.github.io/Portfolio_with_UX_UI_Design/)



¿Usaste o te inspiraste de alguna de estas plantillas? ¡[Haz un pull request](https://github.com/UXCorpRangel/portfolios-dev/pulls) y lo añadiremos a esta lista para que todos puedan verlo! Tu aporte es muy apreciado.



## 🤝 Contribuir



Si deseas contribuir a este proyecto, puedes hacerlo leyendo la [Guía de Contribución](./CONTRIBUTING.md).



## 📈 Actividad



![Actividad](https://repobeats.axiom.co/api/embed/4d0c6dc938912ea72b7102d4d22d32d7659df340.svg 'Repobeats analytics image')



## 📄 Licencia



Este proyecto utiliza la Licencia MIT. Consulte el [Archivo de Licencia](./LICENCE) para obtener más información.



---



Diseñado con ❤️ por [Ana Rangel][anarangel] y desarrollado con 💙 por [Felix Icaza][felixicaza].



[anarangel]: https://www.linkedin.com/in/ux-ana-rangel

[felixicaza]: https://felixicaza.com

[uxcorprangel]: https://www.linkedin.com/company/uxcorprangel/

[portafolio]: https://anarangel.github.io/

[pagespeed]: https://pagespeed.web.dev/analysis/https-unicorn-sparkle-web-app/cnpanzebex?form_factor=desktop

[unicorn-sparkle-folder]: ./unicorn-sparkle

[unicorn-sparkle-screenshot]: ./unicorn-sparkle/assets/unicorn-sparkle.png

[mistical-unicorn-folder]: ./mistical-unicorn

[mistical-unicorn-screenshot]: ./mistical-unicorn/assets/mistical-unicorn.png

[figma]: https://www.figma.com/design/RPSa9nHARMmnTemhrGuTCZ/Portafolio-dev?node-id=44-1034&t=dIZVva7mcSSduV6j-1

[figma-badge]: https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white

[demo]: https://unicorn-sparkle.web.app

[demo-badge]: https://img.shields.io/website?url=https%3A%2F%2Funicorn-sparkle.web.app&style=for-the-badge

[github-badge]: https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white

[performance-badge]: ./unicorn-sparkle/performance/lighthouse_performance.svg

[accessibility-badge]: ./unicorn-sparkle/performance/lighthouse_accessibility.svg

[best-practices-badge]: ./unicorn-sparkle/performance/lighthouse_best-practices.svg

[seo-badge]: ./unicorn-sparkle/performance/lighthouse_seo.svg

[rainbow-unicorn-folder]: ./rainbow-unicorn

[rainbow-unicorn-demo]: https://rainbow-unicorn.vercel.app/

[rainbow-unicorn-repo]: https://github.com/Facundodandrea/bento-portfolio