portfolios-dev

KO | EN

gitlite — search

#python #hacktoberfest #react #android #machine-learning #rust #linux #macos #java #awesome #awesome-list #security #openai #open-source

(★ 116)

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

portfolios-dev 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Portada](https://raw.githubusercontent.com/UXCorpRangel/portfolios-dev/main/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](https://raw.githubusercontent.com/UXCorpRangel/portfolios-dev/main/rainbow-unicorn/assets/rainbow-unicorn.png)][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.

#### <img src="./assets/icons/html5.svg" height="14" alt="HTML 5" style="transform: translateY(1.2px)"> 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/)
- [portfolio-leonardo](https://github.com/developerleonardo/portfolio-leonardo) - [Ver demo](https://portfolio-leonardo-cr5f.vercel.app/)

¿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

portfolios-dev

portfolios-dev 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

portfolios-dev

portfolios-dev 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README