diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/contact.astro | 2 | ||||
| -rw-r--r-- | src/pages/portfolio.astro | 72 | ||||
| -rw-r--r-- | src/pages/portfolio/dynamic-tourist-info.astro | 26 | ||||
| -rw-r--r-- | src/pages/portfolio/order-extractor.astro | 28 | ||||
| -rw-r--r-- | src/pages/portfolio/vigo-360.astro | 29 |
5 files changed, 130 insertions, 27 deletions
diff --git a/src/pages/contact.astro b/src/pages/contact.astro index 7e89762..3cb6dc5 100644 --- a/src/pages/contact.astro +++ b/src/pages/contact.astro @@ -27,8 +27,6 @@ const schema = { <p>También puedes encontrarme en algunas redes sociales:</p> <dl> - <dt>Mastodon</dt> - <dd><a href="https://masto.es/@arielcg">@arielcg@masto.es</a></dd> <dt>GitHub</dt> <dd><a href="https://github.com/arielcostas">@arielcostas</a></dd> <dt>LinkedIn</dt> diff --git a/src/pages/portfolio.astro b/src/pages/portfolio.astro index c6ae4db..926d6b0 100644 --- a/src/pages/portfolio.astro +++ b/src/pages/portfolio.astro @@ -1,16 +1,22 @@ --- +import { ViewTransitions } from "astro:transitions"; import Layout from "../layouts/Layout.astro"; +import TechnologyBadge from "../partials/TechnologyBadge.astro"; const schema = { "@context": "https://schema.org", "@type": "WebPage", - "url": "https://www.costas.dev/portfolio", - "headline": "Mi portfolio de proyectos" + url: "https://www.costas.dev/portfolio", + headline: "Mi portfolio de proyectos", }; --- <Layout title="Portfolio" description="Los proyectos en los que he trabajado"> - <script type="application/ld+json" slot="head-jsonld" set:html={JSON.stringify(schema)}></script> + <script + type="application/ld+json" + slot="head-jsonld" + set:html={JSON.stringify(schema)} + ></script> <h1>Mi portfolio</h1> @@ -18,7 +24,7 @@ const schema = { En esta sección encontrarás una lista de los proyectos en los que he trabajado, tanto para terceros como propios. Si quieres más información sobre alguno de ellos, no dudes en - <a href="/contacto">contactar conmigo</a>. + <a href="/contact">contactar conmigo</a>. </p> <h2>Proyectos para terceros (freelance)</h2> @@ -30,14 +36,21 @@ const schema = { <ul> <li> <p> - <strong>Extractor de pedidos compra online (2023)</strong> - Implementación de una aplicación de escritorio que extrae los datos - sobre los pedidos on-line de diversas plataformas (como WooCommerce, - Amazon y Ebay) para almacenar de forma local y centralizada. Además, - cruza estos datos con la base de datos de productos en almacén y - sus precios de coste, para generar informes de Excel sobre los ingresos - y costes por cada pedido, así como calcular la rentabilidad de estos. + <strong + >Extractor de pedidos compra online (2023-actualidad)</strong + > </p> + + <p> + Aplicación de escritorio que extrae los datos sobre los pedidos + on-line de diversas plataformas (como WooCommerce, Amazon y + Ebay). + <a href="/portfolio/order-extractor">Leer más</a> + </p> + + <TechnologyBadge size="small" code="java" /> + <TechnologyBadge size="small" code="javafx" /> + <TechnologyBadge size="small" code="windows" /> </li> <li> @@ -45,12 +58,16 @@ const schema = { <strong> Punto de información turística en móviles (2020-2021) </strong> - Creación de un sitio web dinámico con PHP adaptado a móviles y accesible - mediante QR en localizaciones físicas. Cada página muestra datos - de la ubicación correspondiente en tres idiomas (castellano, gallego - e inglés), una galería de imágenes en 360º con la biblioteca PanoLens - y vídeos incrustados de YouTube. </p> + + <p> + Aplicación web de información turística, con QR, contenido en 360º e incrustado + de YouTube. + <a href="/portfolio/dynamic-tourist-info">Leer más</a> + </p> + + <TechnologyBadge size={"small"} code="php" /> + <TechnologyBadge size={"small"} code="webtrio" /> </li> </ul> @@ -69,6 +86,10 @@ const schema = { permite escribir contenido en Markdown y publicar en la web con un rendimiento excelente. Desplegado sobre Azure Static Web Apps. </p> + + <TechnologyBadge size="small" code="webtrio" /> + <TechnologyBadge size="small" code="astro" /> + <TechnologyBadge size="small" code="azure" /> </li> <li> @@ -79,6 +100,12 @@ const schema = { Razor Pages y SQL Server. Desplegado en Azure App Service, y usando sistemas como RabbitMQ y Azure Communication Services. </p> + + <TechnologyBadge size="small" code="dotnet" /> + <TechnologyBadge size="small" code="sqlserver" /> + <TechnologyBadge size="small" code="azure" /> + <TechnologyBadge size="small" code="linux" /> + <TechnologyBadge size="small" code="rabbitmq" /> </li> <li> @@ -88,15 +115,10 @@ const schema = { movilidad y toponimia. Desarrollado en Go, con base de datos MySQL y desplegado sobre VPS administrado por mí mismo. </p> - <p> - Además, dentro del ámbito de este proyecto, he desarrollado más - herramientas, como un bot de Telegram que informa sobre las - llegadas de autobuses en tiempo real, a partir de los datos - obtenidos mediante <i>web scraping</i> de la web de Vitrasa. - <a href="https://vigo360.es/post/publicamos-bot-infobus" - >Más información</a - >. - </p> + + <TechnologyBadge size="small" code="go" /> + <TechnologyBadge size="small" code="mysql" /> + <TechnologyBadge size="small" code="linux" /> </li> </ul> </Layout> diff --git a/src/pages/portfolio/dynamic-tourist-info.astro b/src/pages/portfolio/dynamic-tourist-info.astro new file mode 100644 index 0000000..ed2be9f --- /dev/null +++ b/src/pages/portfolio/dynamic-tourist-info.astro @@ -0,0 +1,26 @@ +--- +import Layout from "../../layouts/Layout.astro"; +import TechnologyBadge from "../../partials/TechnologyBadge.astro"; +--- + +<Layout + title="Punto de información turística en móviles" + description="Creación de un sitio web dinámico con PHP adaptado a móviles y accesible mediante QR en localizaciones físicas" +> + <a href="/portfolio">← Volver al portfolio</a> + + <h1>Punto de información turística en móviles (2020-2021)</h1> + + <p> + Creación de un sitio web dinámico con PHP adaptado a móviles y accesible + mediante QR en localizaciones físicas. Cada página muestra datos de la + ubicación correspondiente en tres idiomas (castellano, gallego e + inglés), una galería de imágenes en 360º con la biblioteca PanoLens y + vídeos incrustados de YouTube. + </p> + + <h2>Tecnologías utilizadas</h2> + + <TechnologyBadge size={"small"} code="php" /> + <TechnologyBadge size={"small"} code="webtrio" /> +</Layout> diff --git a/src/pages/portfolio/order-extractor.astro b/src/pages/portfolio/order-extractor.astro new file mode 100644 index 0000000..a799c6d --- /dev/null +++ b/src/pages/portfolio/order-extractor.astro @@ -0,0 +1,28 @@ +--- +import Layout from "../../layouts/Layout.astro"; +import TechnologyBadge from "../../partials/TechnologyBadge.astro"; +--- + +<Layout + title="Extractor de pedidos" + description="Extractor de pedidos de compra online" +> + <a href="/portfolio">← Volver al portfolio</a> + + <h1>Extractor de pedidos (2023-actualidad)</h1> + + <p> + Implementación de una aplicación de escritorio que extrae los datos + sobre los pedidos on-line de diversas plataformas (como WooCommerce, + Amazon y Ebay) para almacenar de forma local y centralizada. Además, + cruza estos datos con la base de datos de productos en almacén y sus + precios de coste, para generar informes de Excel sobre los ingresos y + costes por cada pedido, así como calcular la rentabilidad de estos. + </p> + + <h2>Tecnologías utilizadas</h2> + + <TechnologyBadge size={"small"} code="java" /> + <TechnologyBadge size={"small"} code="javafx" /> + <TechnologyBadge size={"small"} code="windows" /> +</Layout> diff --git a/src/pages/portfolio/vigo-360.astro b/src/pages/portfolio/vigo-360.astro new file mode 100644 index 0000000..46c4cc2 --- /dev/null +++ b/src/pages/portfolio/vigo-360.astro @@ -0,0 +1,29 @@ +--- +import Layout from "../../layouts/Layout.astro"; +import TechnologyBadge from "../../partials/TechnologyBadge.astro"; +--- + +<Layout + title="Vigo 360" + description="Desarrollo y publicación de un blog sobre Vigo" +> + <a href="/portfolio">← Volver al portfolio</a> + + <h1>Vigo 360 (2021-actualidad)</h1> + + <p> + Implementación de una aplicación de escritorio que extrae los datos + sobre los pedidos on-line de diversas plataformas (como WooCommerce, + Amazon y Ebay) para almacenar de forma local y centralizada. Además, + cruza estos datos con la base de datos de productos en almacén y sus + precios de coste, para generar informes de Excel sobre los ingresos y + costes por cada pedido, así como calcular la rentabilidad de estos. + </p> + + <h2>Tecnologías utilizadas</h2> + + <TechnologyBadge size={"small"} code="go" /> + <TechnologyBadge size={"small"} code="webtrio" /> + <TechnologyBadge size={"small"} code="mysql" /> + <TechnologyBadge size={"small"} code="linux" /> +</Layout> |