A simple and effective pixel tracking application for monitoring website visits. Create unique tracking pixels and monitor their usage across the web.

• Create Tracking Pixels: Generate unique tracking URLs for different websites, campaigns, or emails
• Track Visitors: Capture visitor information including timestamp, IP address, user agent, and referrer
• Analytics Dashboard: View visit history and statistics for each tracking pixel
• Copy Integration Code: Easily copy pixel URLs or HTML code snippets for integration

1. Create a new tracking pixel from the dashboard
2. Copy the tracking URL or HTML code
3. Add the pixel to your website, email, or any other online content
4. When someone views your content, the pixel will record their visit
5. View the tracking data on your dashboard

This application is built using:

• Frontend: React with TypeScript
• Backend: Hono.js API server
• Storage: Val Town blob storage

• The application can be deployed directly on Val Town
• The backend entrypoint is /backend/index.ts, which handles API endpoints and serves the frontend
• The frontend entrypoint is /frontend/index.html, which loads the React application

• GET /api/create - Create a new tracking pixel and return its ID and URL
• GET /api/list - List all tracking pixels and their view counts
• GET /api/data/:id - Get detailed data for a specific tracking pixel
• GET /t/:id.gif - The actual tracking pixel endpoint that records visits

This tool collects visitor data including:

• Timestamp of visits
• IP addresses
• User agents (browser information)
• Referrer URLs

Make sure to comply with privacy regulations like GDPR and include appropriate disclosures in your privacy policy when using tracking pixels.