Merged the "release/v1.0.0" branch to the "main" branch: Release v1.0.0 — Add Counter Program (merge release/v1.0.0 into main)

This merge brings the v1.0.0 Counter Program into main. The release adds a simple web UI (index.html) with a numeric display and three control buttons, a lightweight script (counter-program.js) that manages the count state and onclick handlers for increase, decrease and reset operations, and responsive styling (style/style.css) including a media query. README.md is added to document the project, usage, and contribution guidance. Two small fixes are included: the HTML title typo was corrected from "Cunter Program" to "Counter Program" and a misspelled CSS selector in the media query (buttun:hover) was fixed to button:hover. Before finalizing, confirm the Increase button increments by one, Decrease decrements by one, Reset returns the display to zero, the browser tab shows "Counter Program", responsive font/button sizing behaves on narrow viewports, and the page loads without console errors.

Author: Amnoor

README.md

@@ -0,0 +1,90 @@
+# **Counter Program**
+
+A simple web-based counter application built using HTML/JavaScript.
+
+
+
+## **Version**
+
+**v1.0.0** (Release)  
+
+> This is the first official release of the Counter-Program.
+
+
+
+## **Table of Contents**
+
+- [Overview](#overview)
+- [Features](#features)
+- [Getting Started](#getting-started)
+  - [Prerequisites](#prerequisites)
+  - [Usage](#usage)
+- [Configuration](#configuration)
+- [Contributing](#contributing)
+- [License](#license)
+- [Acknowledgement](#acknowledgement)
+
+
+
+## **Overview**
+
+The Counter-Program is a minimalistic web application that allows users to increment, decrement, and reset a displayed count. It is designed for demonstration and learning purposes, showcasing how simple UI and JavaScript logic can interact.
+
+
+
+## **Features**
+
+- Increment the counter by clicking the increase button
+- Decrement the counter by clicking the decrease button
+- Reset the counter to zero
+- Simple UI layout with HTML and vanilla JavaScript
+- Lightweight and dependency-free
+
+
+
+
+## **Getting Started**
+
+
+### **Prerequisites**
+
+You only need a modern web browser (Chrome, Firefox, Edge, Safari) — no server setup required.
+
+
+
+### **Usage**
+
+1. Visit the [Counter Program](https://amnoor.github.io/Counter-Program) website in your browser.
+2. You will see the counter UI with buttons to increment, decrement, and reset.
+3. Click the buttons to operate the counter.
+
+
+
+## **Configuration**
+
+There’s no build or bundler configuration required for this release. The code uses plain HTML + JavaScript. Future releases may introduce additional features or tooling.
+
+## **Contributing**
+
+Thank you for your interest in contributing!
+
+1. Please fork the repository and create a branch off `develop` (e.g., `feature/your-feature`) and make your changes.
+2. After you’ve made your changes, **add your GitHub username** and link it to your GitHub profile in the [Acknowledgement](#acknowledgement) section (for example: `[YourName](https://github.com/YourName)`).
+3. Submit a pull request to the `develop` branch for review.
+4. Once `develop` is stable and well-tested, we’ll create a release branch (`release/v1.x.x`), merge into `main`, tag it, and publish.
+
+
+
+## **License**
+
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
+
+
+
+## **Acknowledgement**
+
+A big thank you to everyone who helped test, review, and improve this project. Your contributions are valued and appreciated.
+
+```Acknowledgement
+
+```

counter-program.js

@@ -0,0 +1,18 @@
+const num = document.getElementById("num");
+const decreasebtn = document.getElementById("decrease-button");
+const resetbtn = document.getElementById("reset-button");
+const increasebtn = document.getElementById("increase-button");
+let count = 0;
+
+decreasebtn.onclick = function(){
+    count -= 1;
+    num.textContent = count;
+}
+resetbtn.onclick = function(){
+    count = 0;
+    num.textContent = count;
+}
+increasebtn.onclick = function(){
+    count += 1;
+    num.textContent = count;
+}

index.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Counter Program</title>
+        <link rel="stylesheet" href="style/style.css">
+    </head>
+    <body>
+        <div class="container">
+            <h1 id="num">0</h1>
+            <button id="decrease-button">Decrease</button>
+            <button id="reset-button">Reset</button>
+            <button id="increase-button">Increase</button>
+        </div>
+        <script src="counter-program.js"></script>
+    </body>
+</html>

style/style.css

@@ -0,0 +1,33 @@
+.container{
+    height: 90vh;
+    text-align: center;
+}
+#num{
+    margin-top: 200px;
+    margin-bottom: 0px;
+    font-size: 300px;
+}
+button{
+    background-color: hsl(0, 100%, 50%);
+    font-size: x-large;
+    margin-right: 10px;
+    margin-left: 10px;
+}
+button:hover{
+    cursor: pointer;
+    font-size: xx-large;
+}
+@media (max-width: 768px){
+    #num{
+        margin-top: 250px;
+        font-size: 200px;
+    }
+    button{
+        font-size: large;
+        margin-right: 5px;
+        margin-left: 5px;
+    }
+    button:hover{
+        font-size: x-large;
+    }
+}