GithubHelp home page GithubHelp logo

vamshi4001 / android-unlock-4-web Goto Github PK

View Code? Open in Web Editor NEW
22.0 6.0 13.0 382 KB

Android unlock pattern made for web using oure javascript

JavaScript 100.00%
unlock-pattern pattern-lock javascript

android-unlock-4-web's Introduction

As you might be aware that it's a pretty popular feature on Android devices to have a pattern lock. You can set a pattern lock for your device which gets unlocked only by matching it again. I've tried to replicate the same for the web, so that we can have fun for some time. This can as well be used to authenticate your website users as it's a all a number game behind the scenes.

Will be updating it to make a full fledged challenging social game going forward.

As of now, you can do following tasks

Create an Unlock pattern on the grid

Once the pattern is drawn, click on "Set Pattern"

Now it's time to Unlock, you have to enter the same pattern to unlock it

Upon successfully matching the pattern, you see a green tick mark

If you want to do this again, relaod the page

android-unlock-4-web's People

Contributors

vamshi4001 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

android-unlock-4-web's Issues

Longer lines not shown

On the demo page at least (it did not yet try it in a project) long lines do not show. For instance, connecting the upper left and bottom middle dots does not show a line between them. Same for upper left & bottom left, upper left & bottom right, etc.

Using Opera 12.15.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.