an AI projrct

app.js

@@ -4,6 +4,46 @@
 const startBtn = document.querySelector('#start');
 const stopBtn = document.querySelector('#end');
 const speakBtn = document.querySelector('#speak');
+const time = document.querySelector('#time');
+const battery = document.querySelector('#battery')
+const internet = document.querySelector('#internet')
+const turn_on = document.querySelector('#turn_on')
+const msgs = document.querySelector(".messages")
+
+
+
+document.querySelector("#start_rolex_btn").addEventListener("click", () =>{
+  recognition.start()
+})
+// rolex's commands
+let rolexComs = [];
+rolexComs.push("hi rolex");
+rolexComs.push("what are your commands");
+rolexComs.push("close this - to close opened popups");
+rolexComs.push(
+  "change my information - information regarding your acoounts and you"
+);
+// rolexComs.push("whats the weather or temperature");
+// rolexComs.push("show the full weather report");
+rolexComs.push("are you there - to check rolexs presence");
+rolexComs.push("shut down - stop voice recognition");
+rolexComs.push("open google");
+rolexComs.push('search for "your keywords" - to search on google ');
+rolexComs.push("open whatsapp");
+rolexComs.push("open youtube");
+rolexComs.push('play "your keywords" - to search on youtube ');
+rolexComs.push("close this youtube tab - to close opened youtube tab");
+rolexComs.push("open firebase");
+rolexComs.push("open netlify");
+rolexComs.push("open twitter");
+rolexComs.push("open my twitter profile");
+// rolexComs.push("open instagram");
+rolexComs.push("open my linkedin profile");
+rolexComs.push("open github");
+rolexComs.push("open my coding profile");
+rolexComs.push("Find my deivice")
+rolexComs.push("loacte")
+
 
 //speech recogition setup
 const SpeechRecognition = 
@@ -17,16 +57,132 @@ recognition.onstart = function(){
   console.log("vr active");
 };
 
+  // create a new chat
+  function createMsg(who,msg){
+    let newmsg = document.createElement('p')
+    newmsg.innerText = msg;
+    newmsg.setAttribute('class',who)
+    msgs.appendChild(newmsg)
+  }
+
+// time setup
+let date = new Date()
+let hrs = date.getHours()
+let mins = date.getMinutes()
+let secs = date.getSeconds()
+// autojarvis
+function autojarvis(){
+  setTimeout(()=>{
+    recognition.start()
+  },1000)
+}
+// onload window
+
+window.onload = () =>{
+  // onstartup
+turn_on.play()
+turn_on.addEventListener('onend' , ()=>{
+  setTimeout(()=> {
+    autojarvis()
+    readOut('Ready To Go Sir')
+    if(localStorage.getItem('rolex_setup')=== null){
+      readOut('Please fill out the form')
+    }
+  },200);
+})
+
+// rolex commands adding
+rolexComs.forEach((e) =>{
+  document.querySelector('.commands').innerHTML += `<p>#${e}</p><br/>`
+
+})
+
+
+  // time setup
+  time.textContent = `${hrs}:${mins}:${secs}`
+  time.style.color = 'white'
+  setInterval(() => {
+    let date = new Date()
+let hrs = date.getHours()
+let mins = date.getMinutes()
+let secs = date.getSeconds()
+time.textContent = `${hrs}:${mins}:${secs}`
+
+  },1000);
+
+
+
+
+  // battery setup
+  let batteryPromise = navigator.getBattery()
+  batteryPromise.then(batteryCallback)
+
+  function batteryCallback(batteryObject){
+    printBatteryStatus(batteryObject)
+    setInterval(()=>{
+      printBatteryStatus(batteryObject)
+
+    },5000);
+  }
+
+    battery.style.color = 'white'
+  function printBatteryStatus(batteryObject){
+    battery.textContent = `${batteryObject.level*100}%`
+    if (batteryObject.charging = true){
+      document.querySelector('.battery').style.width = '10px'
+      battery.textContent = `${batteryObject.level*100}% Charge`
+
+    }
+    else if (batteryObject.charging = false){battery.textContent = `${batteryObject.level*100}%`}
+  }
+   // internet connectivity
+
+   if(navigator.onLine){
+    document.querySelector("#internet").textContent = "online"
+    connectivity = "online"
+  } else {
+    document.querySelector("#internet").textContent = "offline"
+    connectivity = "offline"
+  }
+  internet.style.color = 'white'
+setInterval(() => {
+  if(navigator.onLine){
+    document.querySelector("#internet").textContent = "online"
+    connectivity = "online"
+  } else {
+    document.querySelector("#internet").textContent = "offline"
+    connectivity = "offline"
+  }
+}, 6000);
+
+
+
+  }
+// }
+
 //result
  recognition.onresult = function(event){
   let current = event.resultIndex;
   let transcript = event.results[current][0].transcript;
+  let userdata = localStorage.getItem('rolex_setup')
+
+createMsg("usermsg",transcript)
+
   console.log(event);
  transcript = transcript.toLowerCase();
 
 if(transcript.includes("hello rolex")){
   readOut("hello sir");
 }
+if(transcript.includes("close this")){
+  readOut("closed")
+  document.querySelector('.commands').style.display = 'none';
+  setup.style.display = 'none'
+}
+if(transcript.includes("commands")){
+  readOut("Sir, I follow the following commands ");
+  document.querySelector('.commands').style.display = 'block';
+}
 if (transcript.includes("open youtube")){
   readOut("opening youtube sir!");
   window.open("https://www.youtube.com/")
@@ -35,28 +191,158 @@ if (transcript.includes("open google")){
   readOut("opening google sir!");
   window.open("https://www.google.com/");
 }
+
+if(transcript.includes('motivational')){
+  readOut("you only fail, when you stop trying!")
+  return;
+  }
+  if(transcript.includes('drive')){
+    readOut("opening your drive sir!")
+  window.open("https://drive.google.com/drive/my-drive");
+    return;
+    }
+    if(transcript.includes('mails')){
+      readOut("checking your mails sir!")
+    window.open("https://mail.google.com/mail/u/0/#inbox");
+      return;
+      }
+      if(transcript.includes('amazon')){
+        readOut("opening amazon shopping sir!")
+      window.open("https://www.amazon.in/");
+        return;
+        }
+        if(transcript.includes('find my device') ){
+          readOut("locating your device sir!")
+        window.open("https://www.google.com/android/find/");
+        return;
+
+          }
+          if(transcript.includes('weather today') || (transcript.includes('todays weather report'))){
+            readOut("here is the report")
+            window.open("https://www.accuweather.com/en/in/bengaluru/204108/weather-forecast/204108");
+            return;
+          }
+          if(transcript.includes('stocks today') || (transcript.includes('stocks to buy today'))){
+            readOut("here are some suggestions!")
+            window.open("https://in.investing.com/equities/most-active-stocks");
+           return; 
+          }
+          if (transcript.includes('open whatsapp')) {
+            readOut('Opening whats app Sir')
+            window.open('https://web.whatsapp.com/')
+            return;
+          }
   //google search
-  if (transcript.includes("search for")){
-    readOut("here's the result")
-    let input = transcript.split(""); //
-    input.splice(0,11) //
-    input.pop(); // 
-    input = input.join("").split(" ").join("+"); // 
-    console.log(input); // it will transfer voice into transcript
+  if (transcript.includes("search for")) {
+    let input = transcript.split("search for").at(-1)
+    console.log(input);
+    readOut(`searching for ${input}`)
     window.open(`https://www.google.com/search?q=${input}`)
+    return;
   }
-  //youtube search
-  if (transcript.includes("play")){
-    readOut("playing")
-    let input = transcript.split("");
-    input.splice(0,11)
-    input.pop();
-    input = input.join("").split(" ").join("+");
+  if (transcript.includes('play the song')) {
+    let input = transcript.split("play the song").at(-1)
+    readOut(`playing ${input} from spotify`)
+    input = input.replace(' ', '%20')
+    console.log(input)
+    window.open(`https://open.spotify.com/search/${input}`)
+    return;
+  }
+  // youtube search
+  if (transcript.includes("play")) {
+    let input = transcript.split("play").at(-1)
     console.log(input);
-    window.open(`https://www.youtube.com/results?search_query=${input}`)
+    readOut(`playing ${input} from youtube! sir..`)
+    window.open(`https://www.youtube.com/results?search_query=${input}`);
+    return;
+  }
+
+
+  // Maps
+
+  // locate kormangala
+  if (transcript.includes('locate')) {
+    let input = transcript.split("locate").at(-1)
+    readOut(`locating ${input} from google maps`)
+    input = input.replace(' ', '+')
+    console.log(input)
+    window.open(`https://www.google.com/maps/search/${input}/`)
+    return;
   }
+
+  if (transcript.includes("open my github profile") || transcript.includes('open my coding profile')) {
+    readOut('Opening your github profile sir')
+    window.open(`https://github.com/${JSON.parse(userdata).github}`)
+    return;
+  }
+  if (transcript.includes("open my linkedin profile")) {
+    readOut('Opening your linkedin profile sir')
+    window.open(`https://www.linkedin.com/${JSON.parse(userdata).linkedin}`)
+    return;
+  }
+  if (transcript.includes("owner")){
+    readOut(`Currently my owner is ${JSON.parse(userdata).name}`)
+    return;
+  }
+  if (transcript.includes('founder')){
+    readOut('I was created by my god kupendra sir')
+  }
+  if (transcript.includes("open github")) {
+    readOut('Opening github sir')
+    window.open('https://github.com/')
+    return;
+  }
+  if(transcript.includes('twitter profile') ){
+    readOut("opening your twitter profile sir!")
+  window.open("https://twitter.com/kupendrav99");
+    return;
+    }
+  if(transcript.includes('linkedin profile') ){
+    readOut("opening your linkedin profile sir!")
+  window.open("https://www.linkedin.com/in/kupendra-v2903/");
+    return;
+    }
+
+  // if (transcript) {
+  //   readOut("i didn't get your sir")
+  // }
 };
 
+if (localStorage.getItem("rolex_setup") !== null){
+
+}
+
+// rolex setup
+const setup = document.querySelector(".rolex_setup")
+// setup.style.display = "none"
+if(localStorage.getItem('rolex_setup') === null){
+  // setup.style.display = 'block'
+  setup.querySelector('button').addEventListener('click',userInfo)
+}
+
+// userinfo setup
+function userInfo(){
+  let setupInfo = {
+    name: setup.querySelectorAll('input')[0].value,
+    bio : setup.querySelectorAll('input')[1].value,
+    github : setup.querySelectorAll('input')[2].value,
+    twitter : setup.querySelectorAll('input')[3].value,
+    linkedIn : setup.querySelectorAll('input')[4].value,
+  }
+  let testArr = []
+  setup.querySelectorAll('input').forEach((e) =>{
+    testArr.push(e.value) 
+   })
+   if(testArr.includes('')){
+    readOut('⚠️Please Enter your complete information')
+   } else{
+    localStorage.clear()
+    localStorage.setItem(
+      'rolex_setup', JSON.stringify({...setupInfo})
+      )
+      setup.style.display = "none"
+   }
+}
 
 // end
 recognition.onend = function (){
@@ -87,6 +373,7 @@ function readOut(message){
 
   window.speechSynthesis.speak(speech);
   console.log("speaking out");
+  createMsg('jmsg',message)
 }
 
 speakBtn.addEventListener("click",() => {