In the project I developed, I integrated facial recognition technology to enhance the security features of the phone. This enables the unlocking of the phone using facial recognition, similar to features like Face ID. As an additional security measure, I also added an option for the user to enter a personalized 4-digit passcode.
Furthermore, I took my project beyond a solely security-focused approach by introducing entertaining features. I incorporated additional functions to the flash and camera icons on the phone's home screen. Clicking on the flash icon activates the phone's flash in a manner visible to the user. Clicking on the camera icon opens the camera tab, allowing the user to see their own face if the device is equipped with a camera. As a result, the project not only revolves around security but also offers an interactive and enjoyable experience for the user.
I didn't focus much on design because the primary emphasis is on facial recognition technology and security. I didn't prioritize HTML and CSS aspects, as the fundamental goal of the project is to highlight facial recognition features, with minimal attention given to responsive design elements.
![image2](https://private-user-images.githubusercontent.com/155233219/293459002-c41e0794-1260-4d91-a207-ac4142371ac9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzkxOTgsIm5iZiI6MTcyNDAzODg5OCwicGF0aCI6Ii8xNTUyMzMyMTkvMjkzNDU5MDAyLWM0MWUwNzk0LTEyNjAtNGQ5MS1hMjA3LWFjNDE0MjM3MWFjOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxOVQwMzQxMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05YTM3YjkwOWNkM2E1MDU3MjM4M2Q3ZTg2NWNjODQ1Y2RjMjA4MTU2ZjU0NTU1YWQ2ZGE4NDliOTUwMzliMDA1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9._j-CarbAkkYkEqbf0KJRoRdrCEOTUOvVJtSkdM3aR34)
![image3](https://private-user-images.githubusercontent.com/155233219/293459012-a626d5d0-d8c8-4e18-9ad1-be2d8a92eaae.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzkxOTgsIm5iZiI6MTcyNDAzODg5OCwicGF0aCI6Ii8xNTUyMzMyMTkvMjkzNDU5MDEyLWE2MjZkNWQwLWQ4YzgtNGUxOC05YWQxLWJlMmQ4YTkyZWFhZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxOVQwMzQxMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zMTAxNjdjNDcwZTM0NzM3ZjgwYTExZmJhMGI3NTdjZGI5MWY5MmUzNzE3NzM5MTEyMzA4NzBkNmYwZmY2N2IwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.Fxba2qcX0WlRF6Us35VMZr7pKR1uJLyVx6Sh5OKmlrw)
![image4](https://private-user-images.githubusercontent.com/155233219/293459013-28e66811-ab06-4db6-9fb4-455f515d2f69.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzkxOTgsIm5iZiI6MTcyNDAzODg5OCwicGF0aCI6Ii8xNTUyMzMyMTkvMjkzNDU5MDEzLTI4ZTY2ODExLWFiMDYtNGRiNi05ZmI0LTQ1NWY1MTVkMmY2OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxOVQwMzQxMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xZWZkMmY5OTRiMmY2YTY1NTVhMTJiYjI0NDhmNDdjYjE4ZTE1ZTZjY2Q3ZTE0NTY3ZGNhZWRjYTI2YmIwNTMyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.1pTSGN8JToqmIGRD_dcfdReqQqZ6el45_KfN3m82oIQ)
![image5](https://private-user-images.githubusercontent.com/155233219/293459015-bcc04b81-434d-4f13-80cf-07ea264fbce7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzkxOTgsIm5iZiI6MTcyNDAzODg5OCwicGF0aCI6Ii8xNTUyMzMyMTkvMjkzNDU5MDE1LWJjYzA0YjgxLTQzNGQtNGYxMy04MGNmLTA3ZWEyNjRmYmNlNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxOVQwMzQxMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0xMjM3ZTEyZjEzZDhmMGEwNTFiNzZlZjMwNzZhYjVlMGFiODZhNWRlYzhmYzJmZDRmM2YzYjg2MzI0MDlmYmU5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.lRXsBwz6p4zdhDX6xb1OOcftMitSP15AVqLwFQKM6r4)
![image6](https://private-user-images.githubusercontent.com/155233219/293459016-72ecf918-fa00-4647-b501-ba8906eee176.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwMzkxOTgsIm5iZiI6MTcyNDAzODg5OCwicGF0aCI6Ii8xNTUyMzMyMTkvMjkzNDU5MDE2LTcyZWNmOTE4LWZhMDAtNDY0Ny1iNTAxLWJhODkwNmVlZTE3Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODE5JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgxOVQwMzQxMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01ZDc1Y2U5YzBlNWIxNWU5MDA2NjY3MWVhMGQ1YWE0MDAwZTFkMmM3MGExODQ2MjVlZDJlZGYxZjEwNGRkYjVjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.TZ4lEqM16UBTQxsfQY0YgSBXkT6RzIX0h6Gm3HGzQLE)