National Art Museum Landing Page

This is a project for a landing page of the National Art Museum. It is built with modern web technologies and serves as a portfolio piece, showcasing an elegant and responsive design suitable for a cultural institution.

This project is a comprehensive landing page designed to provide visitors with key information about the museum. It emphasizes a user-friendly experience with intuitive navigation, details about current exhibitions, and a visually appealing layout. The application is built with a strong focus on modern web development practices, ensuring responsiveness across all devices.

🚀 Live Demo

Link to live demo

Project Link: GitHub

📸 Screenshot

✨ Features

• Responsive Design: The landing page is fully responsive and looks great on all devices.
• Exhibition Showcase: A beautiful gallery showcasing the museum's current exhibitions.
• About Section: Information about the museum's history and mission.
• Visitor Information: A section dedicated to helping users plan their visit.
• Clean Navigation: A clear and accessible navigation bar for easy browsing.

🛠️ Tech Stack

Core

• HTML5: For the structure of the landing page.
• Sass/SCSS: A CSS preprocessor for more maintainable and powerful stylesheets.
• JavaScript (ES6+): For interactivity and dynamic content.

Development & Build

• Parcel: A fast, zero-configuration web application bundler.
• ESLint: For identifying and reporting on patterns found in ECMAScript/JavaScript code.
• Prettier: An opinionated code formatter.
• Stylelint: A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

🏁 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js
• npm

Installation

1. Clone the repo

   git clone [https://github.com/syavaYki/museum-landing.git](https://github.com/syavaYki/museum-landing.git)

2. Navigate to the project directory

   cd museum-landing

3. Install NPM packages

   npm install

Running the Application

To start the development server, run:

npm start

This will open the app in your default browser.

📜 Available Scripts

In the project directory, you can run:

• npm start: Runs the app in development mode.
• npm run build: Builds the app for production to the dist folder.
• npm run lint: Lints the code using ESLint, Prettier, and Stylelint.
• npm test: Runs the linters.

📄 License

This project is licensed under the GNU General Public License v3.0. See the LICENSE file for more details.

👤 Contact

[Seva Podolskiy] - svyatoslav.podolskiy@gmail.com