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

https://github.com/wotancode/relojeroexpress

Sitio web profesional para Relojero Express, expertos en reparación y mantenimiento de relojes.
https://github.com/wotancode/relojeroexpress

Last synced: 11 months ago
JSON representation

Sitio web profesional para Relojero Express, expertos en reparación y mantenimiento de relojes.

Awesome Lists containing this project

README

          

# 🕰️ Relojero Express

[![Astro Badge](https://img.shields.io/badge/Astro-BC52EE?logo=astro&logoColor=fff&style=flat)](https://astro.build/)
[![TailwindCSS Badge](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss&logoColor=fff&style=flat)](https://tailwindcss.com/)
[![GSAP Badge](https://img.shields.io/badge/GSAP-88CE02?logo=greensock&logoColor=fff&style=flat)](https://greensock.com/gsap/)

## 📝 Descripción

Sitio web profesional para Relojero Express, expertos en reparación y mantenimiento de relojes. Desarrollado con tecnologías modernas para ofrecer una experiencia de usuario excepcional.

## ✨ Características

- 🎨 Diseño moderno y responsivo
- 🌐 Soporte multilenguaje (i18n)
- 🚀 Optimizado para rendimiento
- 📱 Experiencia móvil mejorada
- 🎯 SEO optimizado
- ⚡ Animaciones suaves con GSAP
- 🎵 Efectos visuales únicos
- 🔒 Enlaces seguros con atributos de seguridad

## 🛠️ Stack Tecnológico

| Tecnología | Descripción |
|------------|-------------|
| [Astro](https://astro.build/) | Framework web moderno y rápido |
| [TailwindCSS](https://tailwindcss.com/) | Framework CSS utilitario |
| [GSAP](https://greensock.com/gsap/) | Biblioteca de animaciones profesional |
| [FontAwesome](https://fontawesome.com/) | Iconos vectoriales escalables |

## 🚀 Instalación

1. Clona el repositorio:
```bash
git clone https://github.com/wotanCode/relojeroexpress.git
```

2. Instala las dependencias:
```bash
npm install
```

3. Configura tu archivo de entorno:
* Copia el archivo .env.template a un nuevo archivo llamado .env.
* En el archivo .env, modifica el valor de INSTAGRAM_ACCESS_TOKEN por tu token de acceso de Instagram.

4. Inicia el servidor de desarrollo:
```bash
npm run dev
```

5. Construye para producción:
```bash
npm run build
```

## 🎨 Características de Diseño

- **Navbar Moderno**:
- Efecto glassmorphism con backdrop-blur
- Transiciones suaves al hacer scroll
- Menú móvil optimizado

- **Efectos Visuales**:
- Patrón de ruido dinámico para fondos oscuros
- Animaciones GSAP para elementos clave
- Transiciones fluidas entre secciones

- **Optimizaciones**:
- Diseño responsive para todos los dispositivos
- Carga optimizada de recursos
- Sistema de colores consistente
- SEO mejorado con meta tags

## 📄 Licencia

Este proyecto está bajo la Licencia MIT. Ver el archivo [LICENSE](LICENSE) para más detalles.

## 👤 Autor

**Pedro Yanez**

[![GitHub Badge](https://img.shields.io/badge/GitHub-wotanCode-181717?logo=github&logoColor=fff&style=flat)](https://github.com/wotanCode)

---

⌨️ con ❤️ por [Pedro Yanez](https://github.com/wotanCode) 😊

Casi todos los derechos reservados...