https://github.com/emrepbu/refreshcounter
This project is a simple web page that displays how many times the page has been refreshed.
https://github.com/emrepbu/refreshcounter
counter css gsap gsap-animation html javascript refresh-count
Last synced: about 1 month ago
JSON representation
This project is a simple web page that displays how many times the page has been refreshed.
- Host: GitHub
- URL: https://github.com/emrepbu/refreshcounter
- Owner: emrepbu
- License: mit
- Created: 2025-06-28T12:44:23.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-28T12:53:13.000Z (12 months ago)
- Last Synced: 2025-06-28T13:46:18.898Z (12 months ago)
- Topics: counter, css, gsap, gsap-animation, html, javascript, refresh-count
- Language: HTML
- Homepage: https://emrepbu.github.io/RefreshCounter/
- Size: 12.7 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Refresh Counter
This project is a simple web page that displays how many times the page has been refreshed. The counter value is stored in the browser using `localStorage` and increases by one on each reload. The displayed value is animated using GSAP for a smooth transition. A reset button is also included to manually reset the counter to zero.
## Features
- Counter increases on every page refresh
- Smooth animation with GSAP
- Persistent data using localStorage
- Reset button to manually reset the counter
- Clean dark UI with Poppins font
## Technologies Used
- HTML5
- CSS3
- JavaScript
- GSAP (GreenSock Animation Platform)
- Google Fonts (Poppins)
## How to Use
1. Clone this repository:
```bash
git clone https://github.com/emrepbu/RefreshCounter.git
```
2. Navigate into the project folder and open `index.html` in a browser.
## Notes
- The counter is specific to the browser and device (via localStorage).
- It increments by 1 on every refresh.
- You can reset the counter at any time by clicking the "Reset Counter" button.