Photo Gallery Website

pixabay API / React / Redux / styled-components / React Router / webpack
picture of Photo Gallery Website project
PROJECT

Overview

  • 一個串接pixabay API及使用React、React Router和styled-components建置,並以Redux管理全域狀態的相片搜尋網站。
  • 網站首頁會預先載入15張pixabay的精選相片,使用者可以用首頁最上方的搜尋列搜尋特定主題的相片;若想看更多相片可至底點選「Load More」按鈕,網站會根據目前的搜尋主題或者pixabay隨機載入更多相片;此外,滑鼠移動至每張相片上方可點選「Details」按鈕查看相片的大圖、其他資訊和攝影師資訊,並提供相關的pixabay網站連結讓使用者能夠繼續使用pixabay API以外的其他服務。
  • 網站目前還在持續更新其他功能,預計會提供更多pixabay的其他相片搜尋方式及不同尺寸相片下載等服務。