IP Visit Counter

Tracking visits from different IP addresses

\n\n

Visit Statistics

\n \n

Total Visits

Your IP Address

Unknown

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

IP Address	Visits	First Visit	Last Visit
Loading visit data...

\n\n \n

\n\n \n\n",[],[185,191],[185],{"_104":201,"_95":202,"_157":203,"_159":-5,"_160":142,"_161":122,"_163":118,"_106":204,"_100":32,"_165":195,"_167":205,"_168":22,"_169":-5,"_170":206,"_98":207},"287cc04c-2f73-11f0-aada-569c3dd06744","README.md","287cc0f6-2f73-11f0-aada-569c3dd06744",["D",1747083209541],"# IP Visit Counter\n\nA simple website that tracks and displays the number of visits from different IP addresses.\n\n## Features\n\n- Records visits from unique IP addresses\n- Displays a count of visits per IP address\n- Shows total visit count\n\n## Project Structure\n\n- `backend/` - Server-side code\n - `index.ts` - Main HTTP handler using Hono\n - `database.ts` - SQLite database setup and queries\n- `frontend/` - Client-side code\n - `index.html` - Main webpage\n\n## How It Works\n\nWhen a user visits the site, their IP address is recorded in the SQLite database. If the IP already exists, its visit counter is incremented. The page displays a table of all IP addresses and their visit counts.",[],[202],{"_104":209,"_95":99,"_157":116,"_159":-5,"_160":142,"_161":120,"_163":118,"_106":210,"_100":211,"_165":212,"_167":213,"_168":22,"_169":214,"_170":215,"_98":216},"c8e4894e-2f9a-11f0-8b6f-569c3dd06744",["D",1747100229023],8,"http","import { serveStatic } from \"https://esm.sh/@hono/node-server@1.2.0/serve-static\";\nimport { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { getAllVisits, getTotalVisits, initDatabase, recordVisit } from \"./backend/database.ts\";\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize the database on startup\nawait initDatabase();\n\n// API endpoint to get visit data\napp.get(\"/api/visits\", async (c) => {\n const visits = await getAllVisits();\n const totalVisits = await getTotalVisits();\n\n // Extract the current IP using the same logic as the main route\n const forwardedFor = c.req.header(\"x-forwarded-for\") || \"unknown\";\n const currentIp = forwardedFor.split(\",\")[0].trim();\n\n return c.json({\n visits,\n totalVisits,\n currentIp,\n });\n});\n\n// Serve the main page with visit tracking\napp.get(\"/\", async (c) => {\n // Get the visitor's IP address\n // Extract just the first IP from x-forwarded-for which can be comma-separated\n const forwardedFor = c.req.header(\"x-forwarded-for\") || \"unknown\";\n const ip = forwardedFor.split(\",\")[0].trim();\n\n // Record this visit\n await recordVisit(ip);\n\n // Get the HTML template\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Get the current visit data to inject\n const visits = await getAllVisits();\n const totalVisits = await getTotalVisits();\n\n // Inject the data into the HTML\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n\n return c.html(html);\n});\n\n// Serve static files from the frontend directory\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// This is the entry point for HTTP vals\nexport default app.fetch;","ipv4",[],[99],"files",[154,172,183,189,200,208],"counts",{"_221":32,"_222":122,"_223":122,"_224":225},"pulls","branches","forks","envVars",{"_226":32,"_227":32},"count","emptyCount","contents",[],{"_104":209,"_95":99,"_157":116,"_159":-5,"_160":142,"_161":120,"_163":118,"_106":231,"_100":211,"_165":212,"_167":213,"_168":22,"_169":214,"_98":232},["D",1747100229023],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":241,"_152":246,"_217":265,"_195":266,"_228":268,"_269":-5,"_270":-5,"_271":-5,"_272":-5,"_273":274},{"_104":105,"_95":96,"_106":242,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":120,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":243,"_136":244,"_139":245,"_151":22},["D",1747083168181],{"_93":94,"_134":135},{"_93":94,"_138":135,"_14":114},{"_100":141,"_95":43,"_104":142,"_143":105,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":96,"_150":94},[247,253,259,262],{"_104":155,"_95":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":118,"_106":164,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":248,"_98":252},[249],{"_104":173,"_95":174,"_157":175,"_159":158,"_160":142,"_161":101,"_163":22,"_106":176,"_100":177,"_165":178,"_167":179,"_168":22,"_169":-5,"_170":250,"_98":251},[],[156,174],[156],{"_104":184,"_95":185,"_157":186,"_159":-5,"_160":142,"_161":177,"_163":118,"_106":187,"_100":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":254,"_98":258},[255],{"_104":190,"_95":191,"_157":192,"_159":186,"_160":142,"_161":193,"_163":22,"_106":194,"_100":122,"_165":195,"_167":196,"_168":22,"_169":-5,"_170":256,"_98":257},[],[185,191],[185],{"_104":201,"_95":202,"_157":203,"_159":-5,"_160":142,"_161":122,"_163":118,"_106":204,"_100":32,"_165":195,"_167":205,"_168":22,"_169":-5,"_170":260,"_98":261},[],[202],{"_104":209,"_95":99,"_157":116,"_159":-5,"_160":142,"_161":120,"_163":118,"_106":210,"_100":211,"_165":212,"_167":213,"_168":22,"_169":214,"_170":263,"_98":264},[],[99],[247,249,253,255,259,262],{"_104":209,"_95":99,"_157":116,"_159":-5,"_160":142,"_161":120,"_163":118,"_106":231,"_100":211,"_165":212,"_167":213,"_168":22,"_169":214,"_98":267},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

maxm

ipv4-counter