Art Oracle — Wireframe & Designskiss

Individuellt Arbete · Lexicon Frontend System Development · 2026

Sida 1 — Startsida

/ (root)
Startsida localhost:3000/
🖼 Konstverksbild
met-api.jpg
✦ Dagens konstverk

Wheat Field
with Crows

Vincent van Gogh · 1890
Oil on canvas · Dutch Post-Impressionism
The Metropolitan Museum of Art

Utvalda konstverk

Visa alla →
🖼
The Birth of Venus
Botticelli, c. 1484
🖼
Water Lilies
Monet, 1906
🖼
The Night Watch
Rembrandt, 1642
🖼
Girl with a Pearl
Vermeer, c. 1665

Avdelningar

Alla 17 →
Europeisk
måleri
Egyptisk
konst
Grekisk &
Romersk
Asiatisk
konst
Modern
konst
Afrikansk
konst
AServer Component — hämtar konstverk med Next.js fetch + cache
BDagens konstverk — deterministisk ID baserat på datum
C▶ Lyssna — triggar Web Speech API (dev) / ElevenLabs (prod)
DGrid — 4 kolumner desktop, 2 tablet, 1 mobil

Sida 2 — Konstverks-detaljsida

/artwork/[id]
Detaljsida localhost:3000/artwork/436535
Konstverksbild
470k+ tillgängliga
via Met Museum API
⤢ Zooma
Europeisk måleri · Impressionism

Wheat Field
with Crows

Vincent van Gogh
1890
Oil on canvas
Dutch
50.5 × 103 cm
European Paintings
#436535
✦ AI-Museiguide · Llama
Generera →
▶
0:47 / 2:12
AMörk bakgrund — kontrast för konstverkets färger
BAI-box — anrop till /api/groq Route Handler (döljer API-nyckel)
CLjudspelaren — ElevenLabs George-röst, cachad i Map
DFavorit — sparas i localStorage

Sida 3 — Söksida

/search?q=monet
Söksida localhost:3000/search?q=monet

Sök bland 470 000+ konstverk

monet
Alla
Måleri
Skulptur
Fotografi
Europeisk konst
1800-tal
Franskt
Har bild ✓
247 resultat för "monet"
🖼
Water Lilies
Monet · 1906
🖼
Haystacks
Monet · 1891
🖼
Rouen Cathedral
Monet · 1894
🖼
Le Jardin
Monet · 1900
🖼
Impression, Sunrise
Monet · 1872
🖼
Argenteuil
Monet · 1875
🖼
The Cliffs
Monet · 1885
🖼
Charing Cross Bridge
Monet · 1903
🖼
Poplars
Monet · 1891
🖼
Venice, Twilight
Monet · 1908
ASökning — GET /search?q= via Met Museum API
BFilter — hasImages=true skickas alltid, övriga är klientsidefilter
CGrid — 5 kolumner desktop, 3 tablet, 2 mobil
DSkelettskärmar visas under laddning