Photography Portfolio - Monique Wright

Un portafolio fotográfico moderno y elegante construido con React, TypeScript y Tailwind CSS.

Modo Claro

modo claro

Modo Oscuro

modo oscuro

🌟 Características

  • Diseño moderno y responsivo
  • Modo oscuro/claro
  • Slider de imágenes en hero section
  • Galería de trabajos destacados
  • Integración con Unsplash API
  • Animaciones y transiciones suaves
  • Efectos de paralaje
  • Optimizado para SEO

🚀 Tecnologías

  • React 18
  • TypeScript
  • Tailwind CSS
  • React Query
  • Unsplash API
  • Lucide Icons
  • Intersection Observer API

📦 Instalación

  1. Clona el repositorio:

    git clone https://github.com/Lizzy0981/Photografy-Portfolio.git
    cd photography-portfolio
    
  2. Instala las dependencias:

    npm install
    
  3. Crea un archivo .env en la raíz del proyecto y agrega tu API key de Unsplash:

    REACT_APP_UNSPLASH_ACCESS_KEY=tu_api_key_aqui
    
  4. Inicia el proyecto:

    npm start
    

🔧 Configuración

  • src/config/categories.ts - Configura las categorías del portafolio
  • src/components/HeroSection.tsx - Personaliza las imágenes del slider
  • tailwind.config.js - Personaliza los estilos y temas

📱 Responsive Design

El portafolio está optimizado para:

  • Móviles (< 640px)
  • Tablets (≥ 768px)
  • Escritorio (≥ 1024px)

🤝 Contribución

Las contribuciones son bienvenidas. Por favor, abre un issue primero para discutir los cambios que te gustaría hacer.

📄 Licencia

Este proyecto está bajo la licencia MIT. Ver el archivo LICENSE para más detalles.

👩‍💻 Autora

🙏 Agradecimientos

  • Unsplash por proporcionar la API de imágenes
  • Todos los fotógrafos que comparten sus imágenes en Unsplash
Share this project:

Updates