✦ Curation Desk

React artwork search and exhibition tray powered by the Art Institute of Chicago public API

---

✨ Highlights

• Search the Art Institute of Chicago collection from a polished React desk
• Public domain filter, result pagination, loading, empty, and error states
• IIIF image rendering from image_id
• Focus panel with artist, date, medium, department, and source link
• Exhibition tray with up to eight saved artworks in localStorage
• Tailwind CSS 4 through the official Vite plugin
• Vercel-ready static deployment

🛠️ Tech Stack

Layer	Technology
Framework	React 19
Language	TypeScript 6
Styling	Tailwind CSS 4
Icons	lucide-react
Build Tool	Vite 8
API	Art Institute of Chicago API
Hosting	Static deployment ready

🗂️ Project Structure

react-art-curation-desk/
|-- public/
|   `-- favicon.svg
|-- src/
|   |-- lib/
|   |   `-- artApi.ts
|   |-- App.tsx
|   |-- index.css
|   |-- main.tsx
|   `-- vite-env.d.ts
|-- LICENSE
|-- package.json
|-- vercel.json
`-- README.md

🚀 Local Development

npm install
npm run dev

🏗️ Build

npm run build

🌐 Vercel Deployment

🔌 API Note

This project uses the Art Institute of Chicago public API:

https://api.artic.edu/api/v1/artworks/search

Images are rendered through the museum's IIIF image service using each artwork's image_id.

📄 License

MIT License. See LICENSE.