Easy way to know how many visitors are viewing your Github, Website

Overview

visits

Visit Counter

Easy way to know how many visitors are viewing your Github, Website


Reference for Image

query Usage Default Example
page It can be your username or your website url https://visit-counter.vercel.app/counter.png?page=example.com
s Font size of counter 40 https://visit-counter.vercel.app/counter.png?page=example.com&s=60
c Color of counter #00ff00 https://visit-counter.vercel.app/counter.png?page=example.com&c=00ffff
bg Background Color of counter transparent https://visit-counter.vercel.app/counter.png?page=example.com&bg=000000
ff Font Family Digital https://visit-counter.vercel.app/counter.png?page=example.com&ff=electrolize
no No of digits in Counter 2 https://visit-counter.vercel.app/counter.png?page=example.com&no=6

Getting the Raw Counts

If you don't want the PNG file but still want the count to use in something else, you can do a GET request to /counter

Using fetch in javascript

fetch("https://visit-counter.vercel.app/counter?page=example.com")
  .then(response => response.text())
  .then(count => console.log('counts: ',count));

Using Requests in Python

import requests

url = "https://visit-counter.vercel.app/counter?page=example.com"
response = requests.request("GET", url)

print("counts:", response.text)

Using cURL in PHP

<?php

$curl = curl_init();

curl_setopt_array($curl, array(
  CURLOPT_URL => 'https://visit-counter.vercel.app/counter?page=example.com',
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
  CURLOPT_CUSTOMREQUEST => 'GET',
));

$response = curl_exec($curl);
curl_close($curl);

echo "counts: $response";

Installation

  1. Get your firebase database URL at here
  2. Clone the repo
    git clone https://github.com/devXprite/visit-counter
  3. Install NPM packages
    cd visit-counter
    npm install
  4. Enter your Database URL in .env
    FIREBASE_DATABASE='YOUR DATABASE URL'
  5. Start Server
    npm start

Deploy

Click this button to configure your Project and deploy it to Vercel.

Deploy with Vercel

You might also like...

A all around note taking and viewing portal for students as well as teachers.

Notetal Portal to notes for students and teachers. With Notetal you can take notes as well as view notes taken by others. Features Powerful Editor: A

Jun 13, 2022

Dashboard for adding, removing, and viewing Vercel redirects.

Dashboard for adding, removing, and viewing Vercel redirects.

🔗 Next.js Redirect Manager Starter for Vercel Dashboard for adding, removing, and viewing Vercel redirects. ⚡️ Quick Start 🚀 Getting Started 🧐 What

Nov 29, 2022

A jQuery Plugin for viewing pictures like Wechat moments

A jQuery Plugin for viewing pictures like Wechat moments

A jQuery Plugin for viewing pictures like Wechat moments

Nov 10, 2022

If you want to know more about your favorite TV show then you've come to the right place!

If you want to know more about your favorite TV show then you've come to the right place!

Ultimate Show Guide We want to introduce you this web page that will help you to manage all your favourite TV series from place. 🖥️ Desktop version H

Jun 23, 2022

🌐 How well do you know your top-level domains (TLDs)?

TLD-quiz How well do you know your top-level domains (TLDs)? Sure, you know .com and .net. It's not your first time on the Web. You might even know .i

Apr 27, 2022

Know more about who starred your repository 🕵️

Know more about who starred your repository 🕵️

⭐️ Know Your Stargazers ⭐️ Know more about who starred your repository 🕵️ Why know-your-stargazers When developing an open source project, sometimes

Sep 15, 2022

Own and know your contribution in Science - CitizenSci

Citizen Sci The Pinata API allows for decentralized storage of research data but not at the cost of losing control and privacy over the data as the ac

Sep 18, 2022

Serverless boilerplate CLI tool: GitLab and GitHub CI/CD, DataDog, Multi-Region, and many more setups.

Serverless Full Boilerplate This is a CLI tool to create Serverless boilerplate applications. Ready to deploy in a few seconds. Usage npm i -g create-

Nov 7, 2022

Testing how many commit can be committed to GitHub. So far 12,225,265 commits

GitHub's Commit Capacity. Motivation Checking some relations and capabilities between client-server model, GitHub & Git. Goal Making this repo most co

Mar 25, 2022
An easy to implement marquee JQuery plugin with pause on hover support. I know its easy because even I can use it.

Simple-Marquee Copyright (C) 2016 Fabian Valle An easy to implement marquee plugin. I know its easy because even I can use it. Forked from: https://gi

null 16 Aug 29, 2022
Vite plugin to client bundle i18next locales composited from one to many json/yaml files from one to many libraries. Zero config HMR support included.

vite-plugin-i18next-loader yarn add -D vite-plugin-i18next-loader Vite plugin to client bundle i18next locales composited from one to many json/yaml f

AlienFast 4 Nov 30, 2022
Catalogist is the easy way to catalog and make your software and (micro)services visible to your organization in a lightweight and developer-friendly way.

catalogist ?? ?? ?? ?? ?? The easy way to catalog and make your software and (micro)services visible to your organization through an API You were a pe

Mikael Vesavuori 11 Dec 13, 2022
🎨 Beautify your github profile with this amazing tool, creating the readme your way in a simple and fast way 🚀 The best profile readme generator you will find ⚡

Demo Profile Readme Generator The best profile readme generator you will find! About | Technologies | Requirements | Starting | Contributing ?? About

Mauro de Souza 476 Jan 1, 2023
A self-hosted solution for backing up and viewing backed up mobile photos

Photostore Photostore is a self-hosted, client-server solution for backing up, viewing and downloading photos. How it works The Photostore API (writte

null 38 Oct 25, 2022
Event scheduler is a simple app for viewing the events happening around you

Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components

Anselem Odimegwu 3 Mar 29, 2022
You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period.

Twitch Chat Web Page You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period. Getting Started

Mert 6 Dec 13, 2022
An open source movie library platform for viewing movie info and saving movies for later.

GoodWatch An open source movie library platform for viewing movie info and saving movies for later. How to get started? Fork and clone the repo. Then

null 13 Apr 28, 2022
Perma is a prototype of permanent video storage and viewing using Next.js, Arweave, and Bundlr.

PERMA Perma is a prototype of permanent video storage and client-side rendering using Next.js, Arweave, and Bundlr. Technologies used: Arweave - File

Nader Dabit 116 Oct 22, 2022
Sanity plugin for viewing resources which reference a particular resource.

@indent-oss/sanityio-referenced-by Plugin to see which documents reference a particular document referenced-by-sanityio.mov Video Alt Text: Demonstrat

Indent 16 Nov 2, 2022