Skip to content

Latest commit

 

History

History
49 lines (31 loc) · 1.71 KB

README.md

File metadata and controls

49 lines (31 loc) · 1.71 KB

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

image

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