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

https://github.com/xergioalex/sergioykathe.com

Wedding landing page.
https://github.com/xergioalex/sergioykathe.com

invitation weeding

Last synced: 8 months ago
JSON representation

Wedding landing page.

Awesome Lists containing this project

README

          

# 💑 Sergio & Kathe - Sitio Web de Boda.

![Wedding Site Preview](public/assets/images/wedding-invitation.gif)

Bienvenido al repositorio de nuestro sitio web de boda. Este proyecto está construido con Astro y desplegado en GitHub Pages.

## 🌟 Características

- 💌 Sistema de invitaciones personalizadas
- 📅 Contador regresivo para el gran día
- 🗺️ Integración con Google Maps para ubicaciones
- 🎵 Sugerencias de música para la fiesta
- 📸 Galería de fotos compartida
- 🎩 Guía de código de vestimenta
- 📱 Diseño responsivo

## 🛠️ Tecnologías

- [Astro](https://astro.build) - Framework web
- [Svelte](https://svelte.dev) - Para componentes interactivos
- [TailwindCSS](https://tailwindcss.com) - Estilos
- [TypeScript](https://www.typescriptlang.org) - Tipado estático
- [Google Maps API](https://developers.google.com/maps) - Mapas interactivos

## 🚀 Desarrollo Local

1. Clona el repositorio:

```bash
git clone git@github.com:xergioalex/sergioykathe.com.git
```

2. Instala las dependencias:

```bash
npm install
```

3. Crea un archivo `.env` basado en `.env.example` y configura tus variables de entorno:

```bash
PUBLIC_GOOGLE_MAPS_API_KEY=tu_api_key
```

4. Inicia el servidor de desarrollo:

```bash
npm run dev
```

## 📦 Despliegue

El sitio se despliega automáticamente en GitHub Pages cuando se hace push a la rama principal:

```bash
npm run build:ghpages
```

## 🎨 Template Base

Este proyecto está construido sobre [AstroWind](https://github.com/onwidget/astrowind), el template más destacado de Astro en 2022 y 2023. AstroWind es una plantilla gratuita y de código abierto que implementa las mejores prácticas web y ofrece una base sólida para crear sitios web modernos.

## 🔒 Seguridad

Las invitaciones se manejan de forma segura a través de códigos únicos y están protegidas contra accesos no autorizados.

## 💕 Creado con amor por

- [Sergio](https://www.xergioalex.com/)
- [Katherine](https://www.kathelopez.com/)

---

¡Gracias por ser parte de nuestra historia! 🎉