Counter App

A simple, interactive counter app built with HTML, CSS, and JavaScript. The app allows users to increment, decrement, and reset a counter. It includes animations, a light/dark mode toggle, and the counter value is saved using localStorage to persist across page reloads.

Features

• Increment the counter.
• Decrement the counter.
• Reset the counter to zero.
• Light/Dark mode toggle for theme switching.
• Smooth animations for button clicks and counter changes.
• LocalStorage to save the counter value across page reloads.

Built With

• HTML for the structure.
• CSS (using the Nord color scheme) for styling.
• JavaScript for functionality, including DOM manipulation, event handling, and localStorage integration.

Nord Color Scheme

This project uses the Nord color palette, a soothing, cold-toned color scheme perfect for web apps.

• #2e3440 – Background (Neutral)
• #a3be8c – Positive value (Green)
• #bf616a – Negative value (Red)

Getting Started

To run the app locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Shirozy/simple-counter

2. Open the index.html file in your browser to start using the app.

Screenshot

Tutorial For Counter

This project was created as part of a learning journey to better understand JavaScript and web development. The app was originally built following a tutorial by freeCodeCamp.org.

If you'd like to learn more, you can view the tutorial here:
JavaScript Counter Tutorial by freeCodeCamp.org