From 202fe189385bef470fd74fa64e1822ca92cf329c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juan=20Carlos=20Manzanero=20Dom=C3=ADnguez?=
 <juancmandev@protonmail.com>
Date: Tue, 8 Oct 2024 19:43:31 -0600
Subject: [PATCH] finish hackaton translation

---
 .../blog/es/participe-en-una-hackaton.mdx     | 67 +++++++++++++++++++
 src/pages/es/index.astro                      |  8 ++-
 2 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 src/content/blog/es/participe-en-una-hackaton.mdx

diff --git a/src/content/blog/es/participe-en-una-hackaton.mdx b/src/content/blog/es/participe-en-una-hackaton.mdx
new file mode 100644
index 0000000..983867e
--- /dev/null
+++ b/src/content/blog/es/participe-en-una-hackaton.mdx
@@ -0,0 +1,67 @@
+---
+title: Participé en una Hackaton
+description: Recientemente participé en un Hackathon de Supabase, formando un equipo con personas de otros países.
+tags: [Tech, Hobby, Hackaton]
+image: /blog/i-participated-in-a-hackathon/banner.png
+imageCaption: "Tech stack utilizado: Supabase, Next.js y Shadcn/UI, ¡mi primera hackathon!"
+date: 2023-8-16
+author: Juan Manzanero
+rss: true
+---
+
+![Tech Stack](@/assets/blog/i-participated-in-a-hackathon/banner.png) _Tech stack used:
+Supabase, Next.js and Shadcn/UI, My first hackathon!_
+
+Recientemente participé en un [Hackathon de Supabase](https://supabase.com/blog/supabase-lw8-hackathon),
+formando un equipo con personas de otros países, uno de Bangladesh y otro de Brasil,
+utilizando inglés para comunicarnos en Discord.
+
+La temática del Hackathon era libre, la única regla principal era utilizar Supabase para cualquier función,
+como autenticación, como base de datos PostgreSQL o para utilizar vectores en la inteligencia artificial.
+
+Tuvimos 10 días para construir un producto utilizando cualquier tecnología y subirlo a un repositorio en GitHub.
+
+Desarrollamos una aplicación de comercio electrónico con un modelo de productos similar a Walmart,
+implementando vectores para obtener mejores resultados en las búsquedas.
+
+Utilizando Supabase, implementamos autenticación y rutas protegidas,
+de manera que el usuario deba iniciar sesión para ver recomendaciones y más.
+
+El usuario puede agregar productos al carrito de compras y revisar sus artículos para guardarlos y
+ver recomendaciones, así como los artículos que se compran con frecuencia.
+
+Mi papel principal se centró en crear la interfaz de usuario utilizando Next.js 13app router,
+protegiendo las rutas solo para usuarios autenticados, y creando componentes reutilizables como
+tarjetas de producto, y por supuesto, haciendo que el diseño sea adaptable tanto para dispositivos móviles
+como para escritorio.
+
+Utilizamos [Shadcn/UI](https://ui.shadcn.com/), ya que estos componentes ya implementan funcionalidades
+con accesibilidad, como modales o barras laterales. Por ejemplo, la barra lateral que aparece cuando estás
+en un dispositivo móvil y lo abres con el botón en el encabezado, con una animación suave.
+
+Presentamos el proyecto a tiempo y estamos esperando los resultados.
+
+Esta es la primera vez que participo en un Hackathon y realmente lo disfruté,
+espero seguir contribuyendo al proyecto en GitHub.
+
+Es increíble trabajar con personas de otros países, utilizando el inglés aunque no sea nuestra lengua materna,
+pero con un propósito en común: crear un gran producto.
+
+Seguiré buscando participar en más Hackathones en el futuro y contribuir a
+proyectos de código abierto (open source) en Github, porque realmente disfruto la sensación de
+desarrollar algo grande con más personas.
+
+Aprendí mucho en estos pocos días, como la integración de Next.js con Supabase para autenticación y
+rutas protegidas, utilizando la documentación de Supabase como guía, y utilizando por primera vez Shadcn/UI,
+y estoy ansioso por seguir usándolo.
+
+Me llevó mucho tiempo participar en un Hackathon, ya que antes dudaba de mi experiencia,
+pero la realidad es que nunca estaremos listos para nuevos desafíos, porque si ya estás listo,
+significa que es demasiado tarde.
+
+Quiero aprender más sobre el uso de vectores para la inteligencia artificial,
+así que investigaré más sobre el tema, ya que la tecnología tiende a avanzar en esa dirección.
+
+Quién sabe cuál será la próxima gran tendencia tecnológica o cuándo llegará.
+
+[Puedes ver el proyecto: Grocewise aquí](https://groce-wise.vercel.app/)
diff --git a/src/pages/es/index.astro b/src/pages/es/index.astro
index 459de73..9f72bc8 100644
--- a/src/pages/es/index.astro
+++ b/src/pages/es/index.astro
@@ -81,7 +81,7 @@ const lang = getLangFromUrl(Astro.url);
           )
         }
       </ul>
-      <LinkButton variant="secondary" href="/blog" className="no-underline"
+      <LinkButton variant="secondary" href="/es/blog" className="no-underline"
         >Más posts</LinkButton
       >
     </section>
@@ -105,8 +105,10 @@ const lang = getLangFromUrl(Astro.url);
           )
         }
       </ul>
-      <LinkButton variant="secondary" href="/portfolio" className="no-underline"
-        >Más proyectos</LinkButton
+      <LinkButton
+        variant="secondary"
+        href="/es/portfolio"
+        className="no-underline">Más proyectos</LinkButton
       >
     </section>
   </div>