Inspiration
I have been getting more and more annoyed with verification and authentication programs, so I wanted to try and make one myself that could be as effective and friendlier to use
What it does
Chameleon is a "Dynamic image authenticator" it makes you choose your favorite color, and favorite animal. Then you have to select the animal you picked out of a canvas with varying colors and animals. But it's not the animal you chose that we care about, it's how you got there. By tracking the path the user's cursor takes to the animal they selected and the variation in cursor speed we can determine if the user is human or not
How we built it
We started by thinking of very human things that we can ask the user to input to identify them as human. We settled on a favorite animal and color because that is something easy for a human can complete but is very hard for a computer to pick. Then we designed a simple UI with ChatGPT and a few sample animals in Canva. After refining the UI and animal designs, we implemented this formula to calculate the "human confidence score" that we developed with Codex score = Math.round( 100 * ( sampleScore * 0.16 + durationScore * 0.17 + distanceScore * 0.17 + efficiencyScore * 0.17 + variationScore * 0.16 + directionScore * 0.10 + pauseScore * 0.07 ) );
sampleScore: whether enough cursor movement points were recorded durationScore: whether the movement took a natural amount of time distanceScore: whether the cursor traveled enough distance efficiencyScore: whether the cursor path was not too perfectly straight or too chaotic variationScore: whether the cursor speed changed naturally directionScore: whether the cursor changed direction enough pauseScore: whether the cursor had small natural pauses
Challenges we ran into
We found our biggest challenge in the brainstorming phase because neither of us have ever done web design or cybersecurity, we didn't know what we could or couldn't do. So, we did a lot of discussing with ChatGPT about ideas that we could do with our experience, where we decided on an authentication system.
Accomplishments that we're proud of
I'm very proud of the UI that we designed and the web page itself because I have made projects that have similar behavior to this authenticator, but I've never designed a web application or coded in HTML. I'm also proud of the cursor tracking formula that we developed
What we learned
We both learned how to write simple code in HTML, I learned a lot of cybersecurity terminology and how it works. I also so much about how to use AI effectively, and how AI works when it comes to computing
What's next for Chameleon
The next steps come in refining the bot detection, by making bots try to pass the authenticator, running surveys and collecting feedback to improve the UI and UX. I don't want to add extra features that make Chameleon take longer to authenticate with because ease of use is one of our most important principles
Log in or sign up for Devpost to join the conversation.