BUILD A CONTACT FORM WITH REACT (add API GATEWAY, LAMBDA and DYNAMODB directly from your Amplify)
ฝัง
- เผยแพร่เมื่อ 28 ต.ค. 2020
- In this video, we build a simple contact form with React and AWS Amplify. We add a simple backend with an API Gateway, AWS Lambda and Amazon DynamoDB table to store all the contacts.
★★ README / OPEN ME ★★
⭐ SUBSCRIBE TO THIS CHANNEL: bit.ly/foobar-youtube
⭐SHARE THIS VIDEO: • BUILD A CONTACT FORM W...
☆☆ ABOUT THIS VIDEO ☆☆
This is another episode in the AWS Amplify series. And in this video, we build a simple contact form using React and AWS Amplify. We will use the storage and API category from Amplify to create a simple cloud backend with API Gateway, AWS Lambda, and Amazon DynamoDB.
🔸 Get the code: github.com/mavi888/contact-fo...
🔸What the whole series here: • ☁️ FULL STACK APP DEVE...
🔸 What the second part here: • SEND EMAILS FROM YOUR ...
#foobar #serverless #amplify #appsync
☆☆ FOLLOW ME ONLINE ☆☆
🐦Twitter: / mavi888uy
📷Instagram: foobar_codes
📚All my Serverless Courses: marcia.dev/courses/
✍️My blog - marcia.dev
☆☆ MY FAVORITE BOOKS ☆☆
📗Steve Jobs by Isaacson, Walter: amzn.to/2GDQxtY
📗Shoe Dog: A Memoir by the Creator of NIKE by Knight, Phil: amzn.to/2RKy4lJ
📗Sapiens: A Brief History of Humankind by Harari, Yuval Noah: amzn.to/2GHni9J
📘The Software Craftsman by Mancuso, Sandro: amzn.to/2uOLQuI
📘The Phoenix Project by Kim, Gene: amzn.to/2uNIS9Y
📘Clean Code by Uncle Bob: amzn.to/36LDGAo
📘Refactoring: Improving the Design of Existing Code by Martin Fowler: amzn.to/2RKLsqd
📘Building Microservices by Sam Newman: amzn.to/36GItmJ
☆☆ ABOUT FOOBAR ☆☆
In this channel, you can find mostly coding tutorials related to cloud and serverless.
In addition, I like also talking about architecture, software design, motivation, and leadership.
There is a new video every Tuesday, so stay tuned :)
Recording equipment:
📹Camera: amzn.to/36On0bE
📱Phone: amzn.to/2GDOTsq
🎤 Microphone: amzn.to/36JMWFw
🔭 Tripod: amzn.to/2tifxEb
If you want to create a podcast and host it in the same platform that I do check this link: www.buzzsprout.com/?referrer_... - วิทยาศาสตร์และเทคโนโลยี
Thank you, I am starting to really enjoy your videos. Appreciate all your hard work.
Thanks a lot
Lovely, thank you for making this video. I believe it will be of great use to lots of learners and curious aws discoverers! Vi el video desde una Valencia soleada :-)
Gracias 🌸
Short and sweet, thank you.
Great that you like it
This is excellent. Thank you looking forward to the next video
Thanks. It comes next Thursday
Very nice. Thanks. Will see you next week!
See ya 🍁
Thank you so much for this amazing video! This is what I was looking for!!! I subscribed your channel! Thank you
Thanks for the sub!
Gracias. Buena demostración.
Gracias
This was really helpful - thank you!
Great to hear 🌸
Awesome, very useful thank you!
Great to hear that you find it useful 🌸
Ur video saved my day thank you
Hola Marcia, gracias por todos tus videos. Una consulta es posible trabajar con amplify localmente?
Thank you so much!
You're welcome!
Can we set a custom domain for the api end point when adding through amplify ie amplify add api option
excellent content!!
Glad you enjoyed it
thanks 4 u video, help-me a lot
:)
Happy to help
good job!
Hello! This is kind of a stretch since this is an old video, but I wanted to try!
I have on my frontend similar to your code at 9:06 where you put data.
But I run into an InvalidSignatureException SOMETIMES. Have you run in to this? Any suggestions?
Hi , with the latest amplify cli 4.32.1 , I am able to init ( this creates a cli.json file as well in amplify folder ) and add storage, api etc but when doing amplify push , get an error feature flag not initialized. Anyone else see this issue. Whats there to be initialized ? Any quick suggestions/similar experiences and solution appreciated
Can you please let me know how can I use aws RDS ( MSSQL) with aws appsync / amplify and how to connect with react js web application.
Hi, don't have those resources names as variables, have only this:
You can access the following resource attributes as environment variables from your Lambda function
ENV
REGION
Maybe you have an idea why?
Thanks for great tutorial btw
had the same problem, did you find a solution?
I would love to see more support for typescript. How can I have these lambda functions in typescript?
Amazing video, thank you! Btw.. are you Argentinian? The way you say the "J" in english sounds like an argentinian person would struggle to say it ^_^
Im from Uruguay. Close by 🤷🏽♀️
at exactly 8.17 mins - that code you entered is nowhere to be found on your github code.
anyone that wants it
app.post('/contact', function(req, res) {
console.log(req);
var params = {
TableName : process.env.STORAGE_DYNAMO38FF052D_NAME,
Item: {
id: id(),
name: req.body.name,
email: req.body.email,
message: req.body.message
}
}
docClient.put(params, function(err, data) {
if (err) res.json({ err})
else res.json({ success: 'Contact created successfully!' })
})
});
I followed everything here and it didn't work.