Museum Landmark

Introduction

Landmark page for the Museums of ACGN Stock Market.

This page has following features:

• It supports both desktop and mobile display.
• It has image loading effect for better user experience.
• It uses dominant color of images as background color of image container for better user experience.
• It uses image lazy loading technic for better page load speed and user experience.
• User can click on an image and open related information page at new tab.

Github Repository: https://github.com/erase2004/museum-landmark

Website: https://museum.acgn-stock.com/

Blog Post: A journey of refactoring static page website

Front-end

HTML5, CSS3, PostCSS, Tailwind CSS, JavaScript, webpack

Back-end

NGINX