Cache of Recipes

Overview

Cache of Recipes es una aplicación web moderna construida con Next.js que permite a los usuarios descubrir, guardar y compartir recetas culinarias. La aplicación utiliza la API de Spoonacular para obtener una amplia variedad de recetas y ofrece funcionalidades avanzadas como autenticación, gestión de favoritos y calificaciones.

Key Features

• Búsqueda Avanzada: Busca recetas por nombre, ingredientes, tipo de cocina, dietas especiales y más.
• Sistema de Favoritos: Guarda tus recetas preferidas para acceso rápido con sincronización en Firebase.
• Calificaciones y Reseñas: Sistema completo de valoración con estrellas y comentarios.
• Autenticación Completa: Registro e inicio de sesión con email/contraseña o Google OAuth.
• Diseño Responsivo: Interfaz optimizada para dispositivos móviles y escritorio.
• Animaciones GSAP: Experiencia de usuario fluida con animaciones modernas y efectos visuales.
• Modo Oscuro: Soporte completo para tema claro y oscuro con transiciones suaves.
• Gestión Inteligente de API: Sistema robusto con múltiples claves API y manejo de errores.

Technical Architecture

• Frontend Moderno: Next.js 15.3.2 con React 19, TypeScript y Tailwind CSS 4.
• Animaciones Avanzadas: GSAP para efectos visuales y transiciones fluidas.
• UI Components: Radix UI y shadcn/ui para componentes accesibles y modernos.
• Backend Services: Firebase para autenticación, Firestore para datos y Spoonacular API para recetas.
• Form Management: React Hook Form con validación Zod para formularios robustos.
• State Management: React Query para gestión eficiente del estado del servidor.

Security & Performance

• Autenticación Firebase: Gestión segura de sesiones con email/password y Google OAuth.
• Reglas Firestore: Control granular de acceso a datos por usuario.
• API Proxy: Protección de claves API del frontend con balanceo de carga.
• Optimización: Lazy loading, code splitting y optimización de imágenes con Next.js.
• Middleware Protection: Rutas protegidas por autenticación y validación de entrada.

Data Structure

• Users Collection: Perfiles de usuario con información personal y preferencias.
• Favorites Collection: Gestión de recetas favoritas por usuario.
• Reviews Collection: Sistema de calificaciones y comentarios con agregación automática.
• Spoonacular Integration: Proxy inteligente para datos de recetas y nutrición.