What is Modern Art Library?
Modern Art Library is a class project website for NYU Web Development (Midterm + Final).
This site introduces modern art movements, key artists, and representative artworks,
based on content from a modern art course. It also serves as a practical guide for
visiting museums in NYC.
Core Idea
The website is designed to help users:
- Compare major modern art movements
- Discover important artworks and artists in each movement
- Understand how one movement shifts into the next
- Use the site as a practical guide for seeing artworks in NYC museums
Site Structure
- Landing page — Visual overview of 14 movements as a book stack
- Movement pages — Details for each movement, key artists, and works
- Artists page — Grid of all key artists with biographies
- Gallery — Filterable artwork grid (by movement, artist)
- Museums — NYC and world museums housing these masterpieces
- Compare — Side-by-side movement comparison
Technical Approach
- Semantic HTML5 structure
- Shared CSS design system (base, components, layout, responsive)
- Vanilla JavaScript for interactivity — no frameworks
- JSON data files for movements, artists, artworks, and museums
- Responsive design with mobile-first media queries
Content Source
Content is sourced from materials in NYU CAS Modern Art course.
Visual layout inspiration comes from curated references on
Pinterest.
Planning Documents