Build a Facial Recognition App on AWS from Scratch | Rekognition, Lambda, DynamoDB, API Gateway, S3

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.ค. 2024
  • In this video, I explained how to build a facial recognition application on AWS in great details.
    Video on uploading files to S3 via API Gateway: • Build a File Upload AP...
    Video on how to build a serviceless API with API Gateway: • Build a CRUD Serverles...
    Video on how to host a website on AWS with S3: • Host a Website on AWS ...
    Configure AWS CLI: docs.aws.amazon.com/cli/lates...
    0:00 - Intro and architecture diagram walkthrough
    3:10 - S3 bucket creations
    4:28 - Registration lambda function creation
    08:01 - DynamoDB table creation
    08:54 - Writing the code for the registration lambda
    16:31 - Creating a Rekonigtion collection
    18:41 - Testing the registration flow
    21:48 - Authentication lambda function creation
    28:15 - API Gateway creation
    35:57 - Creating the React frontend
    52:00 - Code mistake correction
    53:56 - End to end product testing / demo

ความคิดเห็น • 97

  • @teetanrobotics5363
    @teetanrobotics5363 หลายเดือนก่อน

    This was a very complex project. Would love to see more of these! Thank you so much Felix.

  • @ChrisCheng-en4nw
    @ChrisCheng-en4nw ปีที่แล้ว +2

    What a fantastic tutorial! Good job, mate. Keep going!!!🙏

    • @FelixYu
      @FelixYu  ปีที่แล้ว

      Thank you!!

  • @metaentity711
    @metaentity711 ปีที่แล้ว

    Good and practical tutorial! Looking forward to this kind of videos! Thank you so much for sharing this!

    • @FelixYu
      @FelixYu  ปีที่แล้ว

      glad that u found it helpful!! 👍

  • @ricksegalCanada
    @ricksegalCanada 4 หลายเดือนก่อน +1

    Clearly a lot of work is going into your videos. Thanks for doing these, excellent learning tools!

    • @pratikpowar4725
      @pratikpowar4725 3 หลายเดือนก่อน

      do you have source code with u ?

    • @ricksegalCanada
      @ricksegalCanada 3 หลายเดือนก่อน

      @@pratikpowar4725 you should ask the author of the video.

  • @ademgokce3136
    @ademgokce3136 4 หลายเดือนก่อน

    Wow, l am learning Facial Recognition. I came across with this tutorial which is amazing. Thanks man!

  • @roniclairkonda6429
    @roniclairkonda6429 ปีที่แล้ว

    Fantastic! You are the best Felix

    • @FelixYu
      @FelixYu  ปีที่แล้ว

      glad that u found it helpful!! 👍

  • @georges7298
    @georges7298 4 หลายเดือนก่อน

    good demo, thanks

  • @mateovizuete
    @mateovizuete ปีที่แล้ว

    Hi. Please, keep with this tutorial. Great. From Spain

    • @FelixYu
      @FelixYu  ปีที่แล้ว

      Glad that u found it helpful!!

  • @seanfang398
    @seanfang398 8 หลายเดือนก่อน

    Thank you for making such a great tutorial! I'm actually preparing for my SAA exam, and this tutorial is gonna be a great help for obtaining some practical exp♥

    • @BeneditoMartins-lt4hv
      @BeneditoMartins-lt4hv 2 หลายเดือนก่อน

      Are you available to share your AWS account with me? I pay

  • @gargshivam1101
    @gargshivam1101 9 หลายเดือนก่อน

    Really helpful video. Each step clearly mentioned and explained 👍🏻

    • @FelixYu
      @FelixYu  9 หลายเดือนก่อน

      Glad you liked it

    • @pratikpowar4725
      @pratikpowar4725 3 หลายเดือนก่อน

      do you have source code can you please share

  • @AdminAccount-cr2tb
    @AdminAccount-cr2tb 9 หลายเดือนก่อน

    learning a lot about how aws services work together just by fixing my errors when trying this myself. thanks so much

    • @FelixYu
      @FelixYu  9 หลายเดือนก่อน

      glad that u found it helpful!!

    • @BeneditoMartins-lt4hv
      @BeneditoMartins-lt4hv 2 หลายเดือนก่อน

      Are you available to share your AWS account with me? I pay

  • @user-zp9le6jf4l
    @user-zp9le6jf4l 10 หลายเดือนก่อน

    Awesome video.

    • @FelixYu
      @FelixYu  9 หลายเดือนก่อน

      Thanks!

  • @shahriarsohan2458
    @shahriarsohan2458 ปีที่แล้ว +1

    Awesome tutorial! please make this type of real architecture videos. Thanks

    • @FelixYu
      @FelixYu  ปีที่แล้ว

      Glad that u found it helpful mate!!

  • @xingdi986
    @xingdi986 7 หลายเดือนก่อน

    Thanks!

  • @noorain8259
    @noorain8259 ปีที่แล้ว +1

    Good work! Really a nice tutorial. Can you please add tutorial to test your API gateway using postman.
    How to send an image for upload and verification to the lambda function other than the react Frontend. Thanks!

  • @KiranVerma-wv9ct
    @KiranVerma-wv9ct 6 หลายเดือนก่อน

    Do we have to include policies, such as those related to Amazon Rekognition, in the IAM user configuration for the AWS Command Line Interface (CLI)?

  • @mirzaaleem2764
    @mirzaaleem2764 7 หลายเดือนก่อน

    Do we need to upload the visitor pics to S3 bucket in the visitor images bucket?

  • @vigneshk5084
    @vigneshk5084 ปีที่แล้ว +1

    Dynamic imports are not working in Vite. I am not able to import the images dynamically using Vite with React.js. Also, 'require' does not work in Vite. Please help ASAP

  • @imminh20x52
    @imminh20x52 11 หลายเดือนก่อน +2

    thank you for your work sir! i have a question that where can I get the code sir?

  • @anomip
    @anomip ปีที่แล้ว

    How can we capture, and upload the image instead of choosing a a pre exisiting photo?

  • @user-oq3rg7cy2t
    @user-oq3rg7cy2t 10 หลายเดือนก่อน

    I am learning about AWS and Flutter to develop a mobile app (Android)
    I face problem
    My question is if there is a way to send an image from the app directly to a S3 Bucket and just store the URL related to that image in DynamoDB. through aws lambda and api gateway
    I will be thank full for any kind of your guidance because I am new to AWS and I actually don't know what is the actual Procedure

  • @deathxgaming9952
    @deathxgaming9952 2 หลายเดือนก่อน

    How can I access the code you did in this project, is there any link to the code work, because I am facing some issues in my code.

  • @user-vt2hi6hw9j
    @user-vt2hi6hw9j 2 หลายเดือนก่อน

    Hello Felix, thanks for your generous sharing, these fantastic videos helps me a lot! But as a beginner, I do want to figure out that how do you learn this coding process? I mean from the work flow to put it into reality. It's so cool to coding like you, but how do I learn to do a new one by myself?

  • @kiemtoredavid387
    @kiemtoredavid387 ปีที่แล้ว

    Great video. Do you have training sessions? If yes I would like to join. Thanks

  • @AdityaSingh-fm2ye
    @AdityaSingh-fm2ye ปีที่แล้ว

    Brother can you tell me how to create a live video streaming platform using AWS Cloud for in India as some of the features like elemental streaming in India, please

  • @Olegunnarso
    @Olegunnarso 6 หลายเดือนก่อน

    could this work with license plate recognition on the company parking lot?

  • @reethikaventuri4281
    @reethikaventuri4281 3 หลายเดือนก่อน

    while uploading image only my catch block is executing and vistor images are storing in my bucket but gettion error in authentication

  • @ajaypatel-we3kg
    @ajaypatel-we3kg 4 หลายเดือนก่อน

    hiya, thanks for spending your time creating this project, could you provide a link for the code please.

  • @mithushanu1832
    @mithushanu1832 หลายเดือนก่อน

    That was awesome, could you please share the git hub link for the project ?

  • @Heyman_th
    @Heyman_th 5 หลายเดือนก่อน +1

    Hi Felix, I have been trying it since 3 days. Can you share me the code.

  • @minyarjabri3789
    @minyarjabri3789 13 วันที่ผ่านมา

    does this cost money ? or is it included in the free tier ?

  • @pujithreddy308
    @pujithreddy308 11 หลายเดือนก่อน

    Hi can you make make a video on how to make a liveliness system using aws rekognition

  • @yashphuke7983
    @yashphuke7983 3 หลายเดือนก่อน

    had any solved the problem:There is an error during the authentication process.PLease try again

  • @mdanowerhossain-rl8eg
    @mdanowerhossain-rl8eg 15 วันที่ผ่านมา

    when i select the iimage and click on authenticate ,, its showing error , i cant find the bug help me anyone pls.

  • @satyamarya2298
    @satyamarya2298 ปีที่แล้ว +8

    its showing error sir (has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.)

    • @tanishq2202
      @tanishq2202 ปีที่แล้ว

      I am facing the same issue...

    • @longtruong6596
      @longtruong6596 ปีที่แล้ว

      me too

    • @pikolomuzik
      @pikolomuzik 11 หลายเดือนก่อน

      same issue with me right now

    • @inbal6999
      @inbal6999 11 หลายเดือนก่อน

      Sampe Problem :(
      Do you found how to solve it?

    • @satyamarya2298
      @satyamarya2298 10 หลายเดือนก่อน

      @@inbal6999 no

  • @harshpandey3205
    @harshpandey3205 3 หลายเดือนก่อน

    Hey bro can u give me the link of ur api ?

  • @saadullahkhanwarsi5853
    @saadullahkhanwarsi5853 8 หลายเดือนก่อน

    Could you please share code as well for much more understanding?

  • @TanyaRathod-fi7ng
    @TanyaRathod-fi7ng หลายเดือนก่อน

    hey!! can you please provide source code for react frontend

  • @christopherpalma3121
    @christopherpalma3121 10 หลายเดือนก่อน

    Hi Sir, I tested the application but all of the pictures I tried to authenticate results in an error during authentication process. Do you have any idea where this could be come from? Thank you.

    • @KiranVerma-wv9ct
      @KiranVerma-wv9ct 6 หลายเดือนก่อน

      yes i am also getting sam type of error after authenticating the same pics that i have added in my s3 bucket

    • @Heyman_th
      @Heyman_th 5 หลายเดือนก่อน

      can you share your code

    • @hafz1234
      @hafz1234 5 หลายเดือนก่อน

      Hi Christopher and @kiran, Did you guys managed to find the solution to this?

  • @oba_idan
    @oba_idan 5 หลายเดือนก่อน

    YOu are far far too kind......I assume leaving this on will incur a lot of bills. How do we delete these resources so we do not have anything running in the background and incurring charges after we are done. Thank you Felix

  • @user-cs2ew5kg8o
    @user-cs2ew5kg8o 10 หลายเดือนก่อน

    woooooow look at him

  • @azheraleem4664
    @azheraleem4664 หลายเดือนก่อน

    Their documentation says you can create a collection from the console but I don't see any option either, I thought it was just me lol

  • @anowe33
    @anowe33 หลายเดือนก่อน

    can I get the source code please?

  • @monishmohanty6423
    @monishmohanty6423 7 หลายเดือนก่อน

    Im getting this error "There is an error during the authentication process. Please try again." While I send a picture for authentication

    • @comp-nm8qw
      @comp-nm8qw 4 หลายเดือนก่อน

      Did you get a solution to this?

    • @monishmohanty6423
      @monishmohanty6423 4 หลายเดือนก่อน

      @@comp-nm8qwnope

  • @pratikpowar4725
    @pratikpowar4725 3 หลายเดือนก่อน

    can anyone please send the source code

  • @user-mr8vn9hi6w
    @user-mr8vn9hi6w 11 หลายเดือนก่อน

    Hello sir, I just new learner with your video for academic purposes, and at the final it showing me this error: ERROR in ./src/App.js 91:11-47
    Module not found: Error: Can't resolve './visitors/${visitorName}' in 'C:\Users\Leong\Downloads\AWS project\code\facial-recognition-app\src', what wrong with my code can you please help me identify as soon as possible, it is urgent for me. Thank you. If anyone have face this issues and solve it before, please provide the solution to me so that I can solve it. I didn't have any experience with React Native previously so it is hard for me to debug. Appreciate those help, thank you.

    • @srilekhabandaru8217
      @srilekhabandaru8217 7 หลายเดือนก่อน

      i had the same issue and looks like we have to use backticks(`) instead of single quotes('). After the correction i didnt face this error.

  • @Saha_Performance
    @Saha_Performance 10 หลายเดือนก่อน

    Can we do this in free tier accounts plss replyy

    • @FelixYu
      @FelixYu  9 หลายเดือนก่อน

      yes

  • @user-mr8vn9hi6w
    @user-mr8vn9hi6w 11 หลายเดือนก่อน

    sir, I really need you help urgently, Could you please provide platform to contact you? I am a new learner for academic purposes and I without any experience already debugging more than whole week already still cannot solve it, when I upload the image to authenticate and it always displaying the result of "These is an error during the authentication process. Please try again.". Please help me or anyone have facing this issues before, please help me.

    • @christopherpalma3121
      @christopherpalma3121 10 หลายเดือนก่อน

      Hi, have you resolve it? I am also facing the same issue with this one.

    • @user-mr8vn9hi6w
      @user-mr8vn9hi6w 10 หลายเดือนก่อน

      @@christopherpalma3121 no, still can't solve it, if you able to solve it. Please share the code with me, thank you.

    • @christopherpalma3121
      @christopherpalma3121 10 หลายเดือนก่อน

      @@user-mr8vn9hi6w can you send me an email so I can help you with the same issue thanks

    • @benxlr8418
      @benxlr8418 10 หลายเดือนก่อน

      ​@@christopherpalma3121bro have you solved it, please reply

    • @FelixYu
      @FelixYu  9 หลายเดือนก่อน

      that means there is an error in the lambda function. please check cloudwatch logs and see what the issue was

  • @jannazaman1562
    @jannazaman1562 8 หลายเดือนก่อน

    Hello, i keep getting "There is an error during the authentication process" when i try to authenticate my images. This is the error that shows in my CloudWatch log. Could you please help as soon as possible?
    {
    "errorMessage": "'queryStringParameters'",
    "errorType": "KeyError",
    "requestId": "6f82dd6b-d001-49aa-bfad-182c4fb85d44",
    "stackTrace": [
    " File \"/var/task/lambda_function.py\", line 17, in lambda_handler
    objectKey = event['queryStringParameters']['objectKey']
    "
    ]
    }

    • @comp-nm8qw
      @comp-nm8qw 4 หลายเดือนก่อน

      Did you get any solution to this error? I am having the same issue

  • @user-mr8vn9hi6w
    @user-mr8vn9hi6w 11 หลายเดือนก่อน +1

    Hello sir, I just start to learn AWS and I need you help, I follow the first part to store the image to DynamoDB but it giving me the following errors: [ERROR] UnboundLocalError: cannot access local variable 'index_employee_image' where it is not associated with a value
    Traceback (most recent call last):
    File "/var/task/lambda_function.py", line 30, in lambda_handler
    raise e
    File "/var/task/lambda_function.py", line 17, in lambda_handler
    response = index_employee_image(bucket, key)
    What wrong with the code? I have try to check the code for whole day but still can't solve it, please help me, it is important and urgent for my study, appreciate you help.
    Code:
    import boto3
    s3 = boto3.client('s3')
    rekognition = boto3.client('rekognition', region_name = 'ap-southeast-1')
    dynamodbTableName = 'employee'
    dynamodb = boto3.resource('dynamodb', region_name='ap-southeast-1')
    employeeTable = dynamodb.Table(dynamodbTableName)
    # once upload the image will invoked the bucket name and file name is going to our event and object
    def lambda_handler(event, context):
    print(event)
    # extract the key (1. bucket name 2. object image name)
    bucket = event['Records'][0]['s3']['bucket']['name']
    key = event['Records'][0]['s3']['object']['key']
    try:
    response = index_employee_image(bucket, key)
    print(response)
    if response['ResponseMetadata']['HTTPStatusCode'] == 200:
    faceId = response['FaceRecords'][0]['Face']['FaceId']
    # get the image name
    name = key.split('.')[0].split('_')
    firstName = name [0]
    lastName = name[1]
    register_employee(faceId, firstName, lastName)
    return response
    except Exception as e:
    print(e)
    print('Error processing employee image {} from bucket {} .'.format(key, bucket))
    raise e
    def index_employee_image(bucket, key):
    response = rekognition.index_faces(
    Image ={
    'S3Object':
    {
    'Bucket':bucket,
    'Name': key,
    }
    },
    CollectionId = "employees"
    )
    return response
    def register_employee(faceId, firstName, lastName):
    employeeTable.put_item(
    Item={
    'rekognitionId': faceId,
    'firstName': firstName,
    'lastName': lastName,
    }
    )

    • @kumarshivam5532
      @kumarshivam5532 11 หลายเดือนก่อน +1

      try to change the region to us-east-1 in console and also in all the buckets

    • @user-mr8vn9hi6w
      @user-mr8vn9hi6w 11 หลายเดือนก่อน

      @@kumarshivam5532 sir, have you done this tutorial? If yes, can you please share the source code so that I can doing comparison

    • @anujsingh1952
      @anujsingh1952 7 หลายเดือนก่อน

      ​@@kumarshivam5532 was this source code error resolved as I am also facing it

    • @anujsingh1952
      @anujsingh1952 7 หลายเดือนก่อน

      ​@@user-mr8vn9hi6w was this source code error resolved as I am also facing it

  • @westwood1937
    @westwood1937 ปีที่แล้ว

    Thanks!

    • @FelixYu
      @FelixYu  ปีที่แล้ว

      Thank you for the support!! 🙂 really appreciate it!!