NAMU Museum Landing Page (Gulp + SCSS + Stylelint)

A modern, single-page landing website for the NAMU Museum. It features information about exhibitions, artists, and the museum's history, designed with a clean layout and responsive design.

Live Demo

View live: NAMU Museum

Design

The layout and visual design were created in Figma: Figma Design Link

Technologies Used

🧱 Core

• HTML5, SCSS, JavaScript (ES6+) — core structure, styling, and interactivity

🎨 Design & UI/UX

• Figma — design prototype
• Swiper — image slider
• Notyf — notifications
• @fancyapps/ui — modal/lightbox

🛠 Development & Deployment

• Gulp — task automation
• Parcel — development server and bundler
• Stylelint — CSS/SCSS linting
• ESLint — JavaScript linting
• Prettier — code formatting

Get Started

Follow these steps to set up the project locally:

1. Clone the repository

git clone https://github.com/19eduard99/Museum-NAMU.git
cd Museum-NAMU

2. Install dependencies

Using npm:

npm install

or using yarn:

yarn install

3. Run the project locally

Using npm:

npm start

or using yarn:

yarn start

Features

• Responsive design optimized for desktop, tablet, and mobile devices
• Smooth scrolling and animated transitions
• Interactive image sliders using Swiper
• Notification system powered by Notyf
• Modal and lightbox functionality with @fancyapps/ui
• Clean, modular SCSS architecture
• Automated build and deployment with Gulp and Parcel
• Code quality ensured by ESLint, Stylelint, and Prettier