photo-browser

• Purpose: Demonstrates building a modern frontend application using SvelteKit with Hexagonal/Clean Architecture principles
• Core Functionality: A photo browser website that fetches and displays photos/albums from the Typicode API
• Architecture Highlights:
  • Uses SvelteKit as the primary framework
  • Implements clean architecture patterns with services, entities, and adapters
  • Features a PhotoBrowser service for photo operations and a PhotoCalculator for image sizing
  • Includes gateway interfaces for API communication
• Educational Resource: Accompanied by a detailed guide explaining the design process
• Demo Available: Live demo on Netlify
• Technical Diagram: Includes a Mermaid class diagram visualizing the architecture components and relationships

Key components shown in the architecture:

• SvelteKit framework integration
• Service layers (PhotoBrowser, PhotoCalculator)
• Entity model (Photo)
• Gateway interfaces for API communication
• Testing infrastructure with Vitest and test doubles