MET Landing Page

A landing page for the MET museum, created to showcase information about the museum, its exhibitions, and contact details.

Project Description

The MET Landing Page is a single-page website designed to provide visitors with key information about the Metropolitan Museum of Art (MET). It includes sections for general information about the museum, its opening hours, current and upcoming exhibitions, and contact details. The page is designed to be visually appealing and user-friendly, making it easy for visitors to find the information they need.

Technical Requirements

To run this project, you will need:

• Node.js (version 14.x or newer): A JavaScript runtime built on Chrome's V8 JavaScript engine, used for server-side scripting.
• NPM (version 6.x or newer): The Node.js package manager, used for managing project dependencies.

Installation and Setup

To install the project and run it locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/username/met-landing-page.git

2. Navigate to the project directory:

   cd met-landing-page

3. Install dependencies:

   npm install

4. Start the local development server:

   npm start

Usage

After starting the project, it will be available at http://localhost:8080. You can use this URL to preview the landing page and ensure it displays correctly. You can also make changes to the project files and see updates in real-time.

Features

• Responsive Design: The page is designed to look great on both desktop and mobile devices.
• Interactive Elements: JavaScript is used to enhance user interactions, such as dynamically loading content or handling user input.
• Modern Aesthetics: Utilizes modern web design practices to ensure a visually appealing experience.
• Accessibility: Focuses on providing an accessible experience for all users, including those with disabilities.

Example

You can view a live demo of the project here: DEMO LINK

Technologies Used

This project was built using the following technologies:

• HTML5: For structuring the content on the web page, ensuring semantic and accessible markup.
• CSS3: For styling the web page, including layout and responsive design features.
• Sass: A CSS preprocessor that helps to write cleaner and more maintainable CSS with features like variables, nested rules, and mixins.
• JavaScript (ES6): For adding interactivity and dynamic functionality to the web page, using modern JavaScript features.
• Node.js: For server-side development and running JavaScript on the server.
• NPM: For managing project dependencies and scripts.
• Parcel: A web application bundler that simplifies the process of building and optimizing the project, with zero configuration.
• Git: For version control, tracking changes to the codebase.
• GitHub: For hosting the repository, collaborative development, and project management.

Contribution Guidelines

If you wish to contribute to this project, please follow these guidelines:

1. Fork the repository: Create your own copy of the project on GitHub.
2. Clone your fork: Download your copy to your local machine.
3. Create a branch: Develop your feature or fix on a separate branch.
4. Submit a pull request: Propose your changes to be merged into the main project.

License

This project is licensed under the MIT License - see the LICENSE file for details.