Skip to content

gcangemi1997-coder/Counter_JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Counter JS

A simple interactive counter web app built with vanilla JavaScript, HTML, and SCSS. Counter JS is a simple and responsive web application that allows users to increment, decrement, and reset a counter value. Users can also save the current value and display it separately. The app is built with vanilla JavaScript, using dynamic DOM manipulation, and styled with SCSS for a clean and modern look. The project is fully responsive across mobile, tablet, and desktop devices.

🚀 Live Demo

counte-rj-lime.vercel.app

📸 Preview

Counter JS

📋 Features

  • Increment, decrement and reset the counter
  • Save the current value and display it separately with doubleclick function
  • Fully responsive design (mobile, tablet, desktop)
  • Double-tap to zoom disabled to prevent zooming on mobile
  • DOM built dynamically with JavaScript

🛠️ Tech Stack

HTML5 CSS3 SASS JavaScript Vercel

📁 Project Structure

counter-app/
├── index.html
├── assets/favicon/
├── css/
│ └── global.css
├── js/
│ ├── dom.js
│ ├── counter.js
│ └── app.js
├── scss/
│ ├── global.scss
│ ├── abstracts/
│ │ ├── _variables.scss
│ │ └── _mixins.scss
│ ├── base/
│ │ └── _reset.scss
│ ├── components/
│ │ ├── _counter.scss
│ │ └── _button.scss
│ └── layout/
│ └── _background.scss
└── README

👤 Author

gcangemi1997-coder – GitHub

Releases

No releases published

Packages

 
 
 

Contributors