Skip to content

Commit

Permalink
Merge pull request #45 from UXCorpRangel/feature/new-projects
Browse files Browse the repository at this point in the history
Add new community project
  • Loading branch information
jagcruz authored Nov 10, 2024
2 parents 59c64df + d1c2085 commit 61b273c
Show file tree
Hide file tree
Showing 12 changed files with 451 additions and 424 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
"@astrojs/check": "^0.9.4",
"@fontsource-variable/onest": "^5.1.0",
"@fontsource/titan-one": "^5.1.0",
"astro": "^4.15.12",
"astro": "^4.16.10",
"astro-icon": "^1.1.1",
"astro-seo-schema": "^4.0.2",
"sanitize.css": "^13.0.0",
Expand Down
453 changes: 200 additions & 253 deletions pnpm-lock.yaml

Large diffs are not rendered by default.

Binary file modified public/assets/images/projects/portfolio-dev.webp
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
1 change: 1 addition & 0 deletions src/contracts/index.ts
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
export * from './link.types';
export * from './portfolios.types';
export * from './role.types';
export * from './team.types';
17 changes: 17 additions & 0 deletions src/contracts/portfolios.types.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import type { SocialIconLink } from './link.types';

export type PortfolioLink = SocialIconLink & {
/** Color del texto del enlace */
textColor?: string;

/** Si el enlace es externo */
external?: boolean;
};

export type Portfolio = {
name: string;
img: string;
description: string;
command: string;
links: PortfolioLink[];
};
35 changes: 29 additions & 6 deletions src/data/portfolios.ts
Original file line number Diff line number Diff line change
@@ -1,7 +1,9 @@
const portfolios = [
import type { Portfolio } from '@contracts/portfolios.types';

export const portfolios: Portfolio[] = [
{
name: 'Unicorn Sparkle',
img: '/assets/images/projects/portfolio-dev.webp',
img: '/assets/images/projects/unicorn-sparkle.webp',
description:
'Unicorn Sparkle es la plantilla de portafolio definitiva para desarrolladores que quieren brillar. Combina diseño moderno y funcionalidad mágica para mostrar tus proyectos y habilidades. ¡Destaca con estilo y haz que tu portafolio sea inolvidable!',
command: 'pnpm create astro@latest -- --template UXCorpRangel/portfolios-dev/unicorn-sparkle',
Expand All @@ -10,18 +12,39 @@ const portfolios = [
label: 'Demo',
icon: 'socials/website',
link: 'https://unicorn-sparkle.web.app',
bgColor: 'var(--cinnabar-color)',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)'
},
{
label: 'Repositorio',
icon: 'socials/github',
link: 'https://github.com/UXCorpRangel/portfolios-dev/tree/main/unicorn-sparkle',
bgColor: 'var(--text-color)',
color: 'var(--text-color)',
textColor: 'var(--alt-text-color)'
}
]
},
{
name: 'Rainbow Unicorn',
img: '/assets/images/projects/rainbow-unicorn.webp',
description:
'Unicorn Sparkle es la plantilla para desarrolladores que quieren tener un portafolio con un diseño tipo Bento minimalista. Viene con una funcionalidad espectacular de reorganizar secciones. ¡Haz que tu portafolio sea único y atractivo!',
command: 'pnpm create astro@latest -- --template UXCorpRangel/portfolios-dev/rainbow-unicorn',
links: [
{
label: 'Demo',
icon: 'socials/website',
link: 'https://facundodandrea.vercel.app',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)'
},
{
label: 'Repositorio',
icon: 'socials/github',
link: 'https://github.com/UXCorpRangel/portfolios-dev/tree/main/rainbow-unicorn',
color: 'var(--text-color)',
textColor: 'var(--alt-text-color)'
}
]
}
];

export default portfolios;
151 changes: 151 additions & 0 deletions src/data/projects.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
import type { PortfolioLink } from '@contracts';

type ProjectVolunteer = {
name: string;
avatar: string;
github: string;
web?: string;
linkedIn?: string;
};

type Project = {
title: string;
description: string;
photo: string;
links: PortfolioLink[];
volunteers: ProjectVolunteer[];
};

export const projects: Project[] = [
{
title: 'Portforlio Ana Rangel',
description: `Este proyecto personal de Ana Rangel fue creado junto con la comunidad, se convirtió en un pilar clave para impulsar su crecimiento profesional y fortalecer su marca personal.`,
photo: 'portfolio-ana.webp',
links: [
{
label: 'Página',
link: 'https://uxanarangel.com',
icon: 'socials/website',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)',
external: true
},
{
label: 'GitHub',
link: 'https://github.com/UXCorpRangel/portafolio-ana',
icon: 'socials/github',
external: true
}
],
volunteers: []
},
{
title: 'Ana x Cards',
description: `Este proyecto busca recompensar a los suscriptores y donadores de suscripciones en el canal de Twitch de Ana con cartas de unicornios coleccionables. Estas cartas representan momentos únicos del canal, tecnologías y muchas cositas divertidas para rememorar.`,
photo: 'cards-demo.webp',
links: [
{
label: 'Página',
link: 'https://cards.uxanarangel.com',
icon: 'socials/website',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)',
external: true
},
{
label: 'GitHub',
link: 'https://github.com/UXCorpRangel/ana-cards-web',
icon: 'socials/github',
external: true
}
],
volunteers: []
},
{
title: 'Portfolios para devs',
description: `Gracias al apoyo de muchos desarrolladores de la comunidad Ana logró llevar a cabo el rediseño de su portafolios, por esta razón decidió retribuir esta ayuda diseñando 3 plantillas para portafolios de desarrolladores, las cuales han sido desarrolladas por miembros de la comunidad para que sean fáciles de usar.`,
photo: 'portfolio-dev.webp',
links: [
{
label: 'Portfolios',
link: '/portfolios-dev',
icon: 'socials/website',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)'
},
{
label: 'GitHub',
link: 'https://github.com/UXCorpRangel/portfolios-dev',
icon: 'socials/github',
external: true
}
],
volunteers: [
{
name: 'Eduard Ortegón',
avatar: '/assets/images/volunteers/eduard-ortegon.webp',
linkedIn: 'https://www.linkedin.com/in/eduardortegon',
github: 'https://github.com/Edu980-8/Portfolio_with_UX_UI_Design',
web: 'https://edu980-8.github.io/Portfolio_with_UX_UI_Design'
},
{
name: 'Leonardo Salazar',
avatar: '/assets/images/volunteers/leonardo-salazar.webp',
linkedIn: 'https://www.linkedin.com/in/leonardo-salazar-serna',
github: 'https://github.com/developerleonardo/portfolio-leonardo',
web: 'https://portfolio-leonardo-cr5f.vercel.app'
}
]
},
{
title: 'JSConf Chile 2024',
description: `Diseñamos y desarrollamos la web de la JSConf Chile 2024 y "La Previa" de este evento, apoyando así el evento de JavaScript más importante de Chile realizado por una comunidad para otras comunidades e individuos.`,
photo: 'jsConf.webp',
links: [
{
label: 'Página',
link: 'https://jsconf.cl',
icon: 'socials/website',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)',
external: true
},
{
label: 'GitHub',
link: 'https://github.com/UXCorpRangel/js-conf-cl-2024',
icon: 'socials/github',
external: true
}
],
volunteers: [
{
name: 'Juan Palma',
avatar: '/assets/images/volunteers/juan-palma.webp',
web: 'https://landing-js-conf2024.netlify.app',
linkedIn: 'https://www.linkedin.com/in/juan-palma-alvarez',
github: 'https://github.com/jpalma76/landing-js-conf2024'
}
]
},
{
title: 'UX Corp Rangel',
description: `Este sitio web es el reflejo del amor y la gratitud que sentimos por Ana. Ella ha cuidado esta comunidad como si fuera un establo de unicornios, donde cada uno de nosotros ha encontrado un lugar para aprender, compartir y brillar.`,
photo: 'uxCorp.webp',
links: [
{
label: 'Página',
link: '/',
icon: 'socials/website',
color: 'var(--cinnabar-color)',
textColor: 'var(--text-color)'
},
{
label: 'GitHub',
link: 'https://github.com/UXCorpRangel/uxcorprangel.github.io',
icon: 'socials/github',
external: true
}
],
volunteers: []
}
];
6 changes: 3 additions & 3 deletions src/pages/portfolios-dev.astro
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
import Layout from '@layouts/Layout.astro';
import LinkButton from '@components/LinkButton.astro';
import portfolios from '@data/portfolios';
import { portfolios } from '@data/portfolios';
---

<Layout
Expand All @@ -21,8 +21,8 @@ import portfolios from '@data/portfolios';
<h2>{name}</h2>
<p>{description}</p>
<div class="card-links">
{links.map(({ label, icon, link, bgColor, textColor }) => (
<LinkButton external label={label} icon={icon} link={link} bgColor={bgColor} textColor={textColor} />
{links.map(({ label, icon, link, color, textColor }) => (
<LinkButton external label={label} icon={icon} link={link} bgColor={color} textColor={textColor} />
))}
</div>
</div>
Expand Down
Loading

0 comments on commit 61b273c

Please sign in to comment.