Merge branch 'main' into patch-1

Author: ujjwal-kr

README.md

@@ -1,4 +1,4 @@
-# ip-sniff
+# EpicTracker [ip-sniff]
 Demo: https://epictracker.now.sh
 - It is a demontstration project of how can I track you using fingerprinting and some automated lookups and stuff.
 - It uses modern Javascript APIs to intentify your metadata and keeps the information in a cookie, encrypting it.
@@ -17,10 +17,22 @@ Demo: https://epictracker.now.sh
 - Device Acceleration.
 - Weather information of your area.
 
+## How can stop we stop you from tracking us?
+- Use A VPN [your information wont be visible but probably I will detect if you are using one ;) ]
+- Find ways to disable fingerprinting in your browser, which is tough.
+
+## How can I stop Google and Facebook from tracking us?
+- *You Can't*
+
 ## Is this illegal ?
 - No, it's not.
 - The data is not enough to track you in real life (it's not public) , they are just to identify your device. And this is just for demonstration purposes so I'm not going to show you any ADs.
 
 ## Current Arch-
 I use some javascript APIs which is listed in the `client` folder, as [index.js](https://github.com/ujjwal-kr/ip-sniff/blob/main/client/index.js) and sends to to a HEROKU backend, the source is in the `index.js` of the root directory. The server takes in your IP and does a quick IP lookup, also acccepts the cookie and logs in the server.
 
+### Todos
+- Try to detect VPN connections from another country.
+- Tell user how many time they visited the page. (cookie mode).
+- Tell user how many times they visited the page. (magic mode).
+- Add some styles.

client/index.css

@@ -19,7 +19,7 @@ body {
 }
 
 .wrapper {
-    font-size: 1.1em;
+    font-size: 1.2em;
 }
 
 p {

client/index.js

@@ -13,7 +13,7 @@ const languagePhrase = `Your device language is ${language}.`;
 const dimentionPhrase = `Your device dimensions are ${deviceHeight} X ${deviceWidth}.`;
 const colorDepthPhrase = `Your device's color depth is ${colorDepth}.`;
 document.querySelector('.headers').textContent = `LOADING.............`
-document.querySelector('.pin').textContent = `LOADING...............`
+document.querySelector('.pin').textContent = `LOADING...............`;
 // Put info
 document.querySelector('.memory').textContent = memeoryPhrase;
 document.querySelector('.platform').textContent = platformPhrase;
@@ -41,6 +41,7 @@ function getGraphicalUnitExtensions(gl){
     return unMaskedInfo;
 }
 document.querySelector(".graphics").textContent = graphicsInfoPhrase;
+// Device Acceleration go brrrrr
 if (deviceWidth < 990) {
     if (window.DeviceMotionEvent) {
         window.addEventListener('devicemotion', function(event) {
@@ -49,7 +50,6 @@ if (deviceWidth < 990) {
                     Math.round(event.rotationRate.beta), 
                     Math.round(event.rotationRate.alpha),
                     Math.round(event.rotationRate.gamma))
-    
                 getIfDeviceInAcceleration(
                     Math.round(event.acceleration.x),
                     Math.round(event.acceleration.y),
@@ -69,23 +69,30 @@ function getIfDeviceInAcceleration(x,y,z) {
     let a = x*x;
     let b = y*y;
     let c = z*z;
-
     if(a+b+c > 0) {
         return document.querySelector('.acceleration').textContent = `Your device is in accelerated motion`;
     } 
     document.querySelector('.acceleration').textContent = `Your device isnt accelerating`;
 }
 // cookie string send
 async function bakeCookie(data) {
-    const response = await fetch("https://mycookie-monster.herokuapp.com/generate/"+ btoa(JSON.stringify(data)) , {
+    const response = await fetch("http://localhost:5000/generate/"+ btoa(JSON.stringify(data)) , {
         headers: {'Content-Type': 'application/json'},
         method: 'GET',
     })
     return response.json()
 }
+// VPN
+async function ifVpn(data) {
+    const response = await fetch("http://localhost:5000/if-vpn/"+ btoa(JSON.stringify(data)), {
+        method: 'GET',
+        headers: {'Content-Type': 'application/json'}
+    })
+    return response.json()
+}
 // init req
 async function nowFetch() {
-   const response = await fetch("https://mycookie-monster.herokuapp.com/", {
+   const response = await fetch("http://localhost:5000/", {
        headers: {'Content-Type': 'application/json'},
        method: 'GET'
    })
@@ -125,4 +132,10 @@ nowFetch().then(response => {
         const cookiePhrase = `The cookie I stored to identify you: ${res.cookie}.`;
         document.querySelector('.cookie').textContent = cookiePhrase;
     })
+})
+    const date = Date.now()
+    console.log(date)
+    const vpnData = {timezone: data.timezone}
+    console.log(vpnData)
+    ifVpn(vpnData).then(res => { console.log(res) })
 })

index.js

@@ -21,7 +21,8 @@ app.get('/', async (req, res) => {
     const ip = req.headers['x-forwarded-for']
     const agent = 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36';
 
-    const url = "https://api.ip8.com/ip/lookup/"+ip;
+    // const url = "https://api.ip8.com/ip/lookup/"+ip;
+    const url = "https://api.ip8.com/ip/lookup/176.10.112.40";
 
     await Axios.get(url, {
         headers: {
@@ -58,13 +59,34 @@ app.get('/', async (req, res) => {
 });
 
 
-app.get('/generate/:data', async (req, res) => {
+app.get('/generate/:data', async (req, res) => {    // Because URL PARAMS ARE COOLER
     // this can be stored in the Database now
     console.log(atob(req.params.data));
     res.json({cookie: req.params.data})
 })
 
+app.get('/if-vpn/:data', async(req, res) => {
+    const data = JSON.parse(atob(req.params.data))
+    console.log(data)
+    // Timezone Stuff
+    let options = {
+        timeZone: data.timezone,
+        hour: 'numeric',
+        minute: 'numeric',
+        month: 'numeric',
+        second: 'numeric',
+        year: 'numeric',
+        day: 'numeric'
+    },
+    formatter = new Intl.DateTimeFormat([], options);
+    const stringTime = formatter.format(new Date());
+    const IPtime = Date.parse(stringTime)
+    console.log(IPtime)
+    console.log(stringTime)
+    return res.json({message: "yay i work"})
+})
+
 const port = process.env.PORT || 4000;
 app.listen(port, () => {
-    console.log('Example app listening on port ' + port);
+    console.log(`Waiting on port for someone :) ${port}`);
 });