Client Counter App

A simple, interactive web-based counter application that allows users to increment, decrement, save, and reset a count. This project is ideal for learning basic JavaScript DOM manipulation, event handling, and simple UI design with HTML and CSS.

Features

• Increment & Decrement: Increase or decrease the counter value using the "+" and "—" buttons.
• Save: Store the current count as a previous entry and reset the counter to zero.
• Reset: Reset the counter to zero without saving.
• History: View a list of all previously saved counts.
• Responsive Design: Works well on both desktop and mobile devices.

Demo

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, etc.)

Installation

1. Clone or Download the Repository:
   • Download the ZIP or clone the repo:

     git clone https://github.com/yourusername/counter-app.git
     

2. Navigate to the Project Directory:

   cd counter-app
   

3. Open index.html in your browser:
   • Double-click index.html or open it with your preferred browser.

Using Live Server (Optional)

If you use VS Code, you can use the Live Server extension for hot-reloading:

• Install Live Server.
• Right-click index.html and select Open with Live Server.

Project Structure

counter-app/
│
├── index.html
├── style.css
├── main.js

Usage

1. Increment/Decrement: Click "+" to increase or "—" to decrease the counter.
2. Save: Click "Save" to store the current count and reset the counter.
3. Reset: Click "Reset" to clear the counter without saving.
4. View History: Check the list below the buttons to see saved counts.

Contributing

1. Fork the repository
2. Create a new branch (git checkout -b feature-branch)
3. Make your changes
4. Commit your changes (git commit -am 'Add new feature')
5. Push to the branch (git push origin feature-branch)
6. Create a new Pull Request

License

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

Author

GiftinTech

---