Init 2025

.gitignore

@@ -1 +1,44 @@
-**/.DS_Store
+# Dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# Testing
+/coverage
+
+# Next.js build files
+/.next/
+./out/
+
+# Production build
+/build
+
+# Miscellaneous
+.DS_Store
+*.pem
+
+# Debug logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# Environment files (opt-in for committing if needed)
+/.env*
+
+# Vercel deployment settings
+/.vercel
+
+# TypeScript cache
+*.tsbuildinfo
+next-env.d.ts
+
+# Firebase configuration
+/.firebase
+/.firebaserc
+firebase-config.js

README.md

@@ -1,24 +1,99 @@
-# PyDay Chile 2024
+# 🐍 PyDay Chile Website Frontend
 
-Repositorio de PyDay Chile 2024
-Website: https://www.pyday.cl/
+![PyDay Banner](public/images/banner-og.jpg)
 
-## Ejecución
-python -m http.server
-Acceso por browser en http://localhost:8000
+**The official frontend for PyDay Chile** - A community-driven Python conference showcasing Chile's tech talent through talks, workshops, and networking events across multiple cities.
 
-## Desarrollo de la Web
+## ✨ Key Features
 
-Los puntos de entrada son los archivos:
-* index.html
-* copiapo.html
-* valparaiso.html
+### 📍 Multi-City Experience
+- Dynamic content routing for different conference locations
+- Interactive map showing participating cities
+- City-specific schedules and venue information
 
-Las definiciones de las secciones en root se modifican en `"assets/sections"`. Si se quiere agregar o remover una sección, esto debe realizarse en `"assets/js/display.js"`.
-Las definiciones de las secciones en /{ciudad} se modifican en `"assets/sections/{ciudad}"`. Si se quiere agregar o remover una sección, se realiza en `"assets/js/{ciudad}.js"`
+### 📸 Multimedia Hub
+- Responsive image gallery with lazy loading
+- Full-screen modal viewer with keyboard navigation
+- Organized historical content by year/location
+- Embedded video section with responsive players
 
-Adición de logos de sponsors/otros se agregan en `"assets/logos"`
+### 🚀 Modern Web Practices
+- Next.js 13+ App Router implementation
+- Optimized WebP image delivery
+- Responsive UI with Tailwind CSS
+- Accessibility-first components (ARIA labels, keyboard nav)
 
-Adición de fotos de speakers van en `"assets/speakers/{ciudad}"`
+### 🎤 Event Features
+- Speaker profiles with social links
+- Interactive schedule with filtering
+- Sponsor showcase with tiered visibility
+- Registration form with validation
 
-Edición de módulos a programa se realizan en `"assets/js/{ciudad}/schedule.js"`
+## 🛠 Tech Stack
+
+**Core**  
+![Next.js](https://img.shields.io/badge/-Next.js-000?logo=next.js)  
+![Tailwind CSS](https://img.shields.io/badge/-Tailwind_CSS-38B2AC?logo=tailwind-css)  
+![React](https://img.shields.io/badge/-React-61DAFB?logo=react)
+
+**Optimization**  
+![Next Image](https://img.shields.io/badge/-Next_Image-000?logo=next.js)  
+![Lazy Loading](https://img.shields.io/badge/-Lazy_Loading-FF6B6B)  
+![WebP](https://img.shields.io/badge/-WebP-0095D5?logo=webp)
+
+**Interactive**  
+![Framer Motion](https://img.shields.io/badge/-Framer_Motion-0055FF)  
+![React Hook Form](https://img.shields.io/badge/-React_Hook_Form-EC5990)
+
+## 📂 Project Structure
+
+```bash
+pyday-frontend/
+├── public/            # Optimized static assets
+│   └── images/        # Organized media library
+│       ├── gallery/   # Event photos by year/city
+│       ├── speakers/  # Speaker headshots
+│       └── sponsors/  # Partner logos
+│
+├── src/
+│   ├── app/           # Next.js 13+ routing
+│   ├── components/    # Reusable UI elements
+│   ├── data/          # Content management
+│   └── lib/           # Utilities & helpers
+│
+└── tailwind.config.js # Custom design system
+```
+
+
+## 🖼 Image Optimization
+
+| Feature                | Implementation               | Benefit                          |
+|------------------------|------------------------------|----------------------------------|
+| **Modern Formats**     | WebP conversion              | 30% smaller than JPEG            |
+| **Responsive SrcSet**  | Next.js Image component      | Device-appropriate sizes         |
+| **Lazy Loading**       | Intersection Observer API    | Faster initial load              |
+| **Blur Placeholders**  | Dynamic SVG generation       | Smooth loading experience        |
+
+## ♿ Accessibility Commitment
+
+- WCAG 2.1 AA compliant components
+- Semantic HTML structure
+- Keyboard-navigable interfaces
+- Reduced motion preferences support
+- ARIA labels for interactive elements
+
+## 📌 Core Dependencies
+
+- `[email protected]`: React framework for production
+- `[email protected]`: Utility-first CSS
+- `[email protected]`: Smooth animations
+
+## 🌍 Contributing
+
+We welcome community contributions! Please see our [Contribution Guidelines](docs/CONTRIBUTING.md) and review our [Photography Style Guide](docs/guia-fotografia.md) for asset submissions.
+
+---
+
+**License**: Apache 2.0 (See [LICENSE](LICENSE))  
+**Maintainer**: PyDay Chile Tech Committee  
+📧 *[email protected]*