{"id":15027865,"url":"https://github.com/microsoftedge/magic-mirror-demo","last_synced_at":"2025-10-06T21:31:22.688Z","repository":{"id":53975964,"uuid":"51968649","full_name":"MicrosoftEdge/magic-mirror-demo","owner":"MicrosoftEdge","description":"A :zap:Magic Mirror:zap: powered by a UWP Hosted Web App :rocket:","archived":true,"fork":false,"pushed_at":"2021-03-10T18:49:54.000Z","size":4657,"stargazers_count":1231,"open_issues_count":30,"forks_count":225,"subscribers_count":156,"default_branch":"master","last_synced_at":"2024-11-06T19:44:00.685Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MicrosoftEdge.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-18T01:23:14.000Z","updated_at":"2024-09-24T07:00:25.000Z","dependencies_parsed_at":"2022-08-13T05:21:17.027Z","dependency_job_id":null,"html_url":"https://github.com/MicrosoftEdge/magic-mirror-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MicrosoftEdge%2Fmagic-mirror-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MicrosoftEdge%2Fmagic-mirror-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MicrosoftEdge%2Fmagic-mirror-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MicrosoftEdge%2Fmagic-mirror-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MicrosoftEdge","download_url":"https://codeload.github.com/MicrosoftEdge/magic-mirror-demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235552613,"owners_count":19008464,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-24T20:07:12.278Z","updated_at":"2025-10-06T21:31:17.399Z","avatar_url":"https://github.com/MicrosoftEdge.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# This repository is not actively maintained by anyone. Services associated with running magic mirror have been shutoff.\n\n# :zap:Magic Mirror:zap:\n\n##Overview\n\nWe took the magic mirror concept a step further by enabling user recognition :smiley:. The mirror can recognize registered users and personalize the experience accordingly.\n\nThe Magic Mirror is a fun weekend IoT project that showcases the power of [Universal Windows Platform (UWP) hosted web apps](https://microsoftedge.github.io/WebAppsDocs/en-US/win10/HWA.htm). Please check out the instructions below to see how you can build it yourself :rocket:.\n\nThe client side was coded against standard web technologies (CSS, HTML, JS) :heart:, and the back-end leverages the power of NodeJS and Mongo hosted on Azure. The client side implements Windows API ([mediaCapture](https://msdn.microsoft.com/en-us/library/windows/apps/windows.media.capture.aspx)) to detect faces from the devices camera, and the [Microsoft's Cognitive Services Face API](https://www.projectoxford.ai/face) to match Faces to profiles.\n\n##User Flow\n\nBefore using the magic mirror, users need to create a profile using the desktop app. You need a profile so the mirror can recognize you and adapt to your needs.\n\n##Assembly Process\n\nPlease see the [assembly process section](.github/ASSEMBLY.md).\n\n##Installing the apps\n\nYou have to deploy two Hosted Web apps (HWA). The first HWA allows you to create your profile and is meant to run on your desktop. The second HWA powers the Magic Mirror UI that runs on the Raspberry Pi 2/3.\n\n###Deploying on a PC\n\nPrerequisites:\n\n* Visual Studio (2013+)\n* Windows 10 SDK installed in Visual Stuido\n\nSteps to deploy the Profile Creator app to your desktop:\n\n1. In Visual Studio, go to Solution explorer, click on package.appxmanifest \u003e Application and set http://webreflections.azurewebsites.net/create as the start page\n2. On the ribbon, change the target architecture to match that of your PC (e.g. x64)\n3. Set the debugging target to \"Local machine\" (changing the architecture in step 2 probably did this for you)\n4. Click play to start the app running on your local machine\n5. Follow the prompts on the create experience to save a profile for yourself\n\nSteps to deploy the Magic Mirror app to the Raspberry Pi 2:\n\n1. In Visual Studio, click File \u003e New Project \u003e JavaScript Templates \u003e Windows \u003e Hosted Web apps\n2. Go to Solution explorer, click on package.appxmanifest \u003e Application and set http://webreflections.azurewebsites.net/mirror as the start page\n3. Within the package.appxmanifest view, click the Content URIs tab and insert http://webreflections.azurewebsites.net/ with WinRT Access *All*\n4. Click the Capabilities tab and select *Webcam* :camera:\n5. On the ribbon, Change the taget architecture from *Any CPU* to *ARM*\n6. Click play (it should say *Remote Machine*)\n7. A prompt should appear asking you for the *Machine Name*. Set the IPv4 of your RP as the *Machine Name* and select *Universal* for the *Require Authentication*\n8. and voilà! :gift: You have succesfully installed the Magic Mirror hosted web app in your RP running Windows IoT core.\n\nYou can find a tutorial of how to deploy HWA using Visual Studio [here](https://microsoftedge.github.io/WebAppsDocs/en-US/win10/DeployToPiWithVS.htm).\n\n###Deploying on a Mac\n\nComing soon...\n\n## Contributing\n\nFor guidelines on contributing to this project, please refer to the [contributing section](.github/CONTRIBUTING.md).\n\n##Run Locally\n\nPlease see the [run locally section](.github/RUNLOCALLY.md).\n\n## Credits\n\nThe [weather icons](https://thenounproject.com/Yorlmar%20Campos/collection/good-weather/) were created by [Yorlmar Campos](http://www.rnsfonts.com/) under a [Creative Commons Attribution 3.0 license](http://creativecommons.org/licenses/by/3.0/us/).\n\n##Code of Conduct\nThis project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrosoftedge%2Fmagic-mirror-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicrosoftedge%2Fmagic-mirror-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrosoftedge%2Fmagic-mirror-demo/lists"}