A sophisticated, responsive landing page designed for a modern museum. This project focuses on high-quality visual storytelling, clean typography, and a seamless user experience across all devices.
Developed by Nazar, a 2nd-year University Student specializing in Full-stack development.
🌐 Live Demo: https://gtxtab.github.io/museum_landing/
- BEM Methodology: Highly organized and scalable CSS structure.
- Interactive Exhibits: Engaging sections for virtual tours and gallery previews.
- Modern Tooling: Powered by Parcel for lightning-fast bundling and development.
- Responsive Design: Fully optimized for mobile, tablet, and desktop viewports.
- Pixel-Perfect UI: Strict adherence to design guidelines using Stylelint and ESLint.
- HTML5 & SCSS (Sass)
- JavaScript (ES6+)
- Bundler: Parcel
- Linting: BEM-lint, Stylelint, ESLint
- Deployment: GitHub Pages
The project follows a modular structure within the src directory:
/src/fonts— Custom typography./src/icons&/src/images— Optimized visual assets./src/scripts— Interactive logic./src/styles— Modular SCSS files.index.html— The main entry point located in thesrcfolder.
- Clone the repository:
git clone [https://github.com/GTXtab/museum_landing.git]
- Install dependencies:
npm install
- Start development server:
npm run start
- Build for production:
npm run build
The project is configured to build into the dist folder. To deploy to GitHub Pages, run:
npm run deploy