ruaraikirk / infimet-scroll

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

infimet scroll

The Metropolitan Museum of Art (The Met) presents over 5,000 years of art from around the world for everyone to experience and enjoy. The Museum lives in two iconic sites in New York City—The Met Fifth Avenue and The Met Cloisters. Millions of people also take part in The Met experience online. The MET provides select datasets of information on more than 470,000 artworks in its Collection via its API.

infimet-scroll is a React app that displays images and information from the MET art collection, via an infinite scrolling page.

Live Demo

Hosted on Netlify

Tools

  • Built using Vite & React
  • Tailwind CSS & daisyUI
  • Ramda
  • Axios
  • react-infinite-scroller
  • react-web-share
  • file-saver

Features

  • Infinite scrolling of art pieces
  • Department "stories"
  • Download image
  • Link to more detailed information
  • Share information

Development

  1. Clone the repo.

    git clone git@github.com:ruaraikirk/infimet-scroll.git
  2. Install the packages by running npm install.

  3. Start the application locally in dev mode.

    npm run dev
  4. Verify by opening the following URL in broswer.

    http://127.0.0.1:5173/

About


Languages

Language:JavaScript 97.8%Language:HTML 1.9%Language:CSS 0.3%