CyberPassword

Passwords that are safe but recalled easy.

Comment 1

Inspiration

When brainstorming, our team saw that computers around the globe are becoming infected with viruses and passwords being hacked. ** According to link,* "roughly 6.85 million accounts getting hacked each day, or 158 every second". * This fact was very surprising, and we believe that creating stronger passwords or logins will benefit the online community.

What it does

We have created an app in which checks the stability of your password, and creates a stronger password based on a word or phrase you know well or recall easier. It does this with a text-to-speech AI, which identifies your common word and uses it to generate a password(this only works on chrome). For anyone interested, here is the HTML and JavaScript used:

 <h2 style="text-align:center"><br>Use your voice to generate a password</h2>

    <div id="random-password">
      <input type="text" id="password" />
  <button type="button" id="voice" class="button"onclick="runSpeechRecognition()">RECORD</button> &nbsp; <span id="action"></span> <button data-toggle="popover" data-content="Copied!" id="copy">Copy</button>
      <div id="settings">
        <label for="length">Length</label>
        <input type="number" id="length" value="16" min="8" max="64" />    
        <label for="numbers">Include Numbers</label>
        <input type="checkbox" id="numbers" checked />
        <label for="symbols">Include Symbols</label>
        <input type="checkbox" id="symbols" checked />
      </div>
      <button id="generate">Generate Password</button>
    </div>

function runSpeechRecognition() {
var action = document.getElementById("action");
var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
var recognition = new SpeechRecognition();
var password=document.getElementById("password");
recognition.onstart = function() {
    action.innerHTML = "<small>Speak Now</small>";
};

recognition.onspeechend = function() {
    action.innerHTML = "<small>Loaded</small>";
    recognition.stop();
}

recognition.onresult = function(event) {
    var transcript = event.results[0][0].transcript;
    password.value =  transcript ;
    password.classList.remove("hide");
};

recognition.start();
            }

How we built it

We built it using HTML, CSS, and JavaScript. We also used bootstrap 5 for the design, as well as a few images. We used Visual Studio Code to organize and run the project, and W3schools spaces for the domain. W3schools was a very helpful resource for us, as it solved various code challenges we faced. Here are links to the resources we used:

  • https://spaces.w3schools.com/
  • https://geeksforgeeks.org/
  • https://www.webfx.com/ ## Challenges we ran into Some challenges we ran into were
  • Code problems
  • Resources(AI connecting) We used W3schools and Geeks for Geeks in order to solve the code problems, but finding the solution to getting resources was more difficult. ## Accomplishments that we're proud of We are proud of being able to get the voice API and implement it into our project. ## What we learned We learned how to create AI using web APIs and connect it to our project.

What's next for Us

We plan to add a voice recognition login as well as:

  • Qr code scanning login
  • Iris scanner AI
  • Facial recognition login
  • Fingerprint logins

H3 OUR EMAILS:

ethanshaozz@gmail.com aaronshaodd@gmail.com jeremywang08@gmail.com koolbobotoy@gmail.com

[https://docs.google.com/presentation/d/1Tsixp_oxkoMbrRF8BLHCKU2iz2ALgw8uRXJmpMeQ2Jo/edit?usp=sharing] For Presentation

Share this project:

Updates