AuthBear Authenticator

Picture of TOTP Codes and Folder System
TOTP Search System
AuthBear landing Page

Inspiration

Cybersecurity is critical and a major part of cybersecurity is ensuring you are you. Fortunately, multi-factor authentication allows websites to be more sure you are you. For that reason, we have seen a mass adoption of multi-factor authentication. Unfortunately with how many accounts need multi-factor authentication, sometimes it is hard to find the one code you are looking for. Enter AuthBear Authenticator, a TOTP authenticator app that allows for the organization of TOTP codes into collapsible folders and a search bar for finding the specific code you are looking for.

What it does

Securely stores your TOTP secrets on your device only with Military-Grade 256 bit AES Encryption
Displays your TOTP codes nicely in folders
Allows for the search of different TOTP codes
Displays a progress bar to tell you how much time you have left to use the code
Allows you to add a TOTP secrets from a QR Code
Allows you to add a TOTP secrets Manually

How we built it

It was built using Nuxt3 with Vue3, the keys are stored locally on the device using the browser's local storage, and the site is hosted on AWS Amplify.

Challenges we ran into

Bugs with storing and managing the TOTP secrets in the browser, specifically decrypting and encrypting the codes at the right time.
Our framework Nuxt3 is fairly new, so determining problems with our code was hard with few resources available
Learning Git
Learning TailwindCSS
And of course, the occasional merge conflict.