AWS Portfolio Project: Build an End-to-End Web Application with 7 Services | Step-by-Step Tutorial

In this hands-on tutorial, I’ll walk you through how to build a ride sharing app (for unicorns!), pulling from the AWS Wild Rydes sample project. We’ll use seven different services—CodeCommit, Amplify, Cognito, Lambda, IAM, API Gateway and DynamoDB—talking about why/where to use them, and how to get them to work with each other. As we go, we’ll build out each of the services, resulting in a fully-functioning ride sharing application when we’re done.

🤓 To follow along, you’ll need:
• A text editor or place to make notes
• Some basic knowledge of AWS is preferable, but you can still follow along if you’re an absolute newbie

🤓 Here’s all the code you’ll need to build the application:
• **IMPORTANT**: AWS has deleted/locked down their S3 bucket where the code lived. At 11:16, use this command instead (copies from my own S3 bucket): aws s3 cp s3://ttt-wildrydes/wildrydes-site ./ --recursive

🤓 Here are some other videos for services referenced in the video:

🌟🌟If you’re interested in getting AWS certifications, check out these full courses. They include lots of hands-on demos, quizzes and full practice exams. Use FRIENDS10 for a 10% discount!

Timestamps
00:00 – Give us more AWS project videos!
00:16 – Overviewing the completed Wild Rydes application (an AWS sample project)
01:16 – A list of all the services used in the application
01:27 – What will this cost me?
01:46 – What you need to follow along (tools and accounts)
02:06 – Using an ArcGIS account for the mapping functionality
02:28 – High-level requirements for the application
03:23 – How to set up an AWS CodeCommit repository and copy the project code from S3
03:51 – Make a note of the region you’re working in
04:39 – Creating a new repository in AWS CodeCommit
05:22 -Adding a policy to an IAM user to allow access to CodeCommit
06:39 - Creating Git credentials to allows HTTPS connections to CodeCommit
07:44 – Clone the CodeCommit repository using CloudShell
10:46 – Copy code from an S3 bucket to CloudShell
12:26 – Pushing code to CodeCommit with git add, git commit and git push
15:33 – Creating a new app for hosting in AWS Amplify
17:47 – Testing out the Amplify deployment by launching our website
18:04 - Updating code in CodeCommit to kick off continuous deployment in Amplify
19:51 – Setting up Amazon Cognito for user authentication
20:58 – Creating a new user pool in Amazon Cognito
23:35 – Updating the app configuration file to use the Amazon Cognito user pool
24:56 – Testing Cognito integration by doing user registration and login
26:50 – Implementing ride sharing functionality with Lambda and DynamoDB
28:03 – Creating a new DynamoDB table
29:19 – Creating an IAM role to be used for a Lambda execution role, allowing PutItem on DynamoDB table
32:17 – Creating a new Lambda function to choose a unicorn and write the ride sharing info to DynamoDB
35:44 – Deploying Lambda code and executing a test event
37:08 – Testing that items are saved to the DynamoDB table
38:03 – Setting up API Gateway to invoke the ride sharing functionality
38:51 – Creating a new REST API in API Gateway to invoke a Lambda function
40:06 – Creating an authorizer so API Gateway can work with Cognito
41:42 – Creating a resource and POST method in API Gateway for Lambda integration
43:39 – Deploying the API from API Gateway
44:08 – Updating the config file for the new Invoke URL from API Gateway
45:36 – Testing our final application—WOOT!
47:17 – IMPORTANT!! Delete your resources (I’ll show you how)

[TinyTechnicalTutorials]

⭐IMPORTANT UPDATE (February 12, 2024): It seems that AWS has deleted/locked down the S3 bucket that held the code files (you'll likely get a "bucket does not exist" or an "access denied" error). I've copied the files to my own S3 bucket instead. At 11:16, use this command to get the files:
aws s3 cp ./ --recursive

[TinyTechnicalTutorials]

WOOT!! Another AWS project video! 🤓🤓 A lot of people have asked for more of these, so I hope you like it! 🙏

[qrvmuoq]

One of the things I absolutely love about your videos is not only how practical they are, but it’s unlike other videos from other creators out there, no noise, no gimmicks, just straight to the point in a very friendly way! I literally stream the video entirely then go ahead to build on my way — that’s how easy it is to follow your videos! Thank you and keep creating!

[HarisKhan-bhuj]

this end to end walkthrough deserve much more recognition !!

[mistymornings]

You are the best aws teacher on YouTube. Period.

[mahendraprabhu]

Really an amazing work. You are helping many to connect the dots to build a complete product not just bits and pieces. Keep rocking.

[a]

The extra mile you go with the visual explanations helps so much, thank you!

[gusinthecloud]

I did it again. The best AWS teacher. Thank you, thank you, thank you very much indeed!!!

[tjpeterson]

Your videos have been enormously helpful. I genuinely hope that you start every day with a massive smile on your face because you're helping so many people succeed with AWS. You deserve the best and so much more.

[tcoizwc]

I followed the tutorial blind
All the services I can bind
Finally, on AWS I build
WildRyd
Thank you for teaching, So Kind!

[jotasenator]

Please help me, I dont know how to stop consumming your videos. the matter I need/like, your voice...This is how 2023 is supposed to end, thank you

[Programmingfortherestofu-ytwn]

great channel, only one I've found that gives real world examples

[boro_]

At first I was personally very excited about the AWS, but it is also important to keep in mind that AWS services at scale are expensive. For commercial use it probably would be more resonable to maintain own servers. But for hobbists and practicioners this is quite useful. I love Your voice btw.

[rodscletus]

I really love watching your videos, they are so informative, step by step (no confussions) and you are so calm and composed and most important so very knowledgeable. Thank you for your time and efforts for everything you do. Thank you Amber.

[SydneyEV]

perfect, i have an assignment for Uni on building a complete web app using AWS services. your previous videos have helped my achieve HD results to this point already.

[capitaltrends]

Brilliant vid! Definitely very refreshing, direct and straight to the point. You make everything clear and extremely simple to understand! Thanks for the amazing work that went into it! Keep it up!

[sedk]

Top tier tutorials ! Hoping for more content and hands-on tutorials like this one !

[ock]

going thru some mental health stuff(anxiety etc) Your content is perfect now that I am home for a bit chillin. Thanks bigtime BLESSINGS

[TomButler]

Thank you so much! This is absolutely incredible! It was easy to understand, easy to follow, and now I'm able to get much farther with my app! Thank you!

[eiwlhunter]

clear and precise. I enjoyed your end-to-end tutorials so much. please create more things like this. subbed and liked. thank you!