Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/leonkohli/browser-fingerprint

An app to demonstrate various browser fingerprinting techniques
https://github.com/leonkohli/browser-fingerprint

fingerprint fingerprinting nuxt privacy tracking

Last synced: 2 days ago
JSON representation

An app to demonstrate various browser fingerprinting techniques

Awesome Lists containing this project

README

        

# ๐Ÿ” Browser Fingerprint Analyzer

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Nuxt](https://img.shields.io/badge/Nuxt-3.x-00DC82.svg?logo=nuxt.js)](https://nuxt.com/)
[![Vue.js](https://img.shields.io/badge/Vue.js-3.x-4FC08D.svg?logo=vue.js)](https://vuejs.org/)
[![TailwindCSS](https://img.shields.io/badge/TailwindCSS-3.x-38B2AC.svg?logo=tailwind-css)](https://tailwindcss.com/)

A modern web application built with Nuxt 3 that analyzes and displays your browser's unique fingerprint. This tool demonstrates various browser fingerprinting techniques and provides detailed insights about your browser's characteristics.

[Demo](https://trackme.dev) ยท [Report Bug](https://github.com/LeonKohli/browser-fingerprint/issues) ยท [Request Feature](https://github.com/LeonKohli/browser-fingerprint/issues) ยท [Support Project โ˜•](https://www.buymeacoffee.com/LeonKohli)

## โœจ Features

### ๐Ÿš€ Core Features
- Real-time browser fingerprint generation
- Detailed analysis of browser characteristics
- Entropy score calculation
- Dark mode support
- Responsive design
- Interactive UI components
- Comprehensive system information display

### ๐Ÿ“Š Analysis Categories
- Browser Information
- System Details
- Hardware Specs
- Media Capabilities
- Network Analysis
- Security Features

## ๐Ÿ› ๏ธ Tech Stack

Click to expand

- **Framework**: [Nuxt.js 3](https://nuxt.com) - Vue-powered SSR framework
- **UI Components**: [shadcn-vue](https://www.shadcn-vue.com/) - Beautifully designed components
- **Styling**: [TailwindCSS](https://tailwindcss.com) - Utility-first CSS framework
- **Icons**: [@nuxt/icon](https://github.com/nuxt-modules/icon) - Icon module for Nuxt
- **State Management**: Vue 3 Composition API
- **Color Mode**: [@nuxtjs/color-mode](https://color-mode.nuxtjs.org/) - Dark/Light mode support
- **Utility Functions**: [@vueuse/core](https://vueuse.org/) - Collection of Vue Composition Utilities

## ๐Ÿš€ Getting Started

### Prerequisites

Before you begin, ensure you have the following installed:
- Node.js (Latest LTS version recommended)
- Package manager of your choice:
- [bun](https://bun.sh/) (recommended)

### ๐Ÿ“ฅ Installation

1. Clone the repository
```bash
git clone https://github.com/LeonKohli/browser-fingerprint.git
cd browser-fingerprint
```

2. Install dependencies
```bash
# Using bun
bun install
```

### ๐Ÿ’ป Development

Start the development server on `http://localhost:3000`:

```bash
bun dev
```

### ๐Ÿ—๏ธ Production

Build and preview the production build:

```bash
# Build
bun build

# Preview
bun preview
```

## ๐Ÿ” Features in Detail

๐ŸŒ Browser Information

- Browser name and version detection
- User agent analysis
- Platform identification
- Cookie and privacy settings detection

๐Ÿ’ป System Information

- Operating system detection
- Timezone information
- Font enumeration
- System capabilities

โš™๏ธ Hardware Information

- Screen resolution and properties
- Device memory
- CPU cores
- Hardware concurrency

๐ŸŽฎ Media Capabilities

- Canvas fingerprinting
- Audio fingerprinting
- WebGL information
- Media support detection

## ๐Ÿค Contributing

We welcome contributions! Here's how you can help:

1. Fork the repository
2. Create your feature branch
```bash
git checkout -b feature/AmazingFeature
```
3. Commit your changes
```bash
git commit -m 'โœจ Add some AmazingFeature'
```
4. Push to the branch
```bash
git push origin feature/AmazingFeature
```
5. Open a Pull Request

## ๐Ÿ“„ License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## ๐Ÿ”’ Privacy Notice

> **Important**: This application demonstrates browser fingerprinting techniques for educational purposes only.

The fingerprint generated can potentially be used to track users across websites, even in private browsing mode or when using VPN services. No data is stored or transmitted to external servers.

---

Made with โค๏ธ by [LeonKohli](https://github.com/LeonKohli)

If you find this project helpful, consider [buying me a coffee โ˜•](https://www.buymeacoffee.com/LeonKohli)