milknook

Milk Product Website

This repository contains the source code and assets for a static website dedicated to milk products. The website is built using HTML, CSS, and JavaScript. Additionally, it is hosted on an Azure webapp and monitoring services are set up to ensure the website's performance and availability.

Table of Contents

• Features
• Technologies Used
• Setup and Installation
• Usage
• Demo images

Features

• Product Showcase: Display various milk products with detailed descriptions.
• Interactive UI: User-friendly interface built with HTML, CSS, and JavaScript for seamless navigation.
• Responsive Design: Ensures optimal viewing experience across different devices and screen sizes.
• Azure Hosting: Utilizes Azure services including virtual machine (Windows), DNS, and monitoring for reliable hosting and domain management.

Technologies Used

• HTML: Markup language for creating the structure of web pages.
• CSS: Stylesheets for enhancing the visual presentation of the website.
• JavaScript: Programming language for adding interactivity and dynamic elements.
• Azure webapps: Used for hosting the static website, ensuring high availability and scalability.
• Custom Domain Name: Configured to provide a branded and personalized website URL.
• Azure Monitoring: Monitoring services to track the website's performance and health.

Setup and Installation

1. Clone the Repository:

   https://github.com/060-NAVEENKUMARM/milknook-static
   

2. Navigate to the Project Directory:

   cd milk-product-website
   

3. Open the Website:

   • Double click on index.html to open the website locally in your browser.

4. Azure webapp Setup:

   • Used for hosting the static website, ensuring high availability and scalability.

5. Custom Domain Name:

   • Configured to provide a branded and personalized website URL

     Domain Registration: Register a domain name through a domain registrar.

     DNS Configuration: Configure the DNS settings to point to the Azure Web Apps URL.

     Azure Configuration: In the Azure portal, configure the custom domain name for the Web App.

6. Azure Monitoring Setup:

   • Set up Azure monitoring services to monitor the website's performance and health.

Usage

1. Access the website through the domain name or the virtual machine's IP address.
2. Explore the milk products, read product details, and navigate the website using the intuitive user interface.

Demo images