# Smile To Unlock Want to give away free content on your site? How about asking for a smile in return � ## Demo [](https://www.youtube.com/watch?v=PYuzAE2K5aE) You can also see it working on my site here: https://codecraft.tv/courses/angular/es6-typescript/decorators/ ## What is it? Smile To Unlock is a Web Component built using the [StencilJS](https://stenciljs.com) compiler, so is framework agnostic, can be used in an Angular, Vue, React or even in a vanilla web application. Smile To Unlock captures an image from the users camera and uses the [Azure Cognitive Services Emotive API](http://bit.ly/emotive-api-stu) to figure out how happy the person is. - NOTE: On the FREE tier you get 30,000 API requests a month. ## Getting Started 1. Include `smiletounlock.js` in your HTML file - via a script tag (quickest) ```html ``` - or via a node module ```bash npm install smile-to-unlock --save ``` Then add a script tag to your HTML like so: ```bash