Building a virtual photo booth with AWS Amplify

In this session, we will look at how AWS Amplify simplified our solution to create a virtual photo booth app. The app uses several Amplify categories - auth, api, and functions. We will also learn how easy it is for developers to host their web apps on Amplify hosting.

Transcript

1. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   Pune
   2022
   

   View Slide

2. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   Building a virtual photo booth
   with AWS Amplify
   Jones Zachariah Noel N
   Senior developer advocate, Freshworks
   AWS Serverless Hero
   Pune 2022
   Avinash Shashikant Dalvi
   Senior software engineer, Eagleview
   AWS Community Builder
   

   View Slide

3. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   󰗞 I’m Jones Zachariah Noel N
   Senior Developer Advocate, Freshworks
   AWS Serverless Hero
   zachjonesnoel.com
   󰗞 I’m Avinash Shashikant Dalvi
   Senior Software Engineer, Eagleview
   AWS Community Builder
   avinashdalvi.com
   

   View Slide

4. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   Agenda
   ● Why virtual photo-booth
   ● Why AWS Amplify?
   ● Architecture walkthrough
   

   View Slide

5. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   "Problems are nothing but wake-up calls for creativity" – Gerhard
   Gschwandtner
   

   View Slide

6. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   Why AWS Amplify ?
   

   View Slide

7. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   

   View Slide

8. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   amplify init
   Pune 2022
   

   View Slide

9. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
   

   View Slide

10. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    amplify add auth
    Pune 2022
    

    View Slide

11. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

12. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    amplify add api
    Pune 2022
    

    View Slide

13. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

14. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

15. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

16. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    amplify add storage
    Pune 2022
    

    View Slide

17. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

18. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    amplify add hosting
    Pune 2022
    

    View Slide

19. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

20. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    amplify status
    Pune 2022
    

    View Slide

21. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

22. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    amplify publish
    Pune 2022
    

    View Slide

23. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    

    View Slide

24. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    Demo
    Pune 2022
    https://vp.avinashdalvi.com
    

    View Slide

25. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    Success
    Story!
    Pune 2022
    

    View Slide

26. © 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
    Thank you
    Pune 2022
    @zachjonesnoel @AvinashDalvi_
    

    View Slide