- 30
- 337 479
Product Meow
Singapore
เข้าร่วมเมื่อ 8 ก.ย. 2021
At Product Meow, we guide learners through a detailed step-by-step tutorial on how to build products that has real value.
How to upload file to AWS S3 using Javascript (Easy !)
For part 2 (how to download file from AWS S3 with pre-signed url) - subscribe to my channel to get notified :)
Connect with Product Meow:
TH-cam @productmeow
⏰ Timecodes ⏰
0:00 - Initial project setup
1:05 - Getting the access key and secret key
5:33 - Install SDK S3 Client
8:50 - Create bucket on S3
11:33 - Configure S3 client
13:45 - Prepare file to be uploaded to AWS S3
16:51 - Successfully uploaded file to S3
#productmeow #aws #awss3 #s3
About:
In this video, you'll learn how to upload file to AWS S3 using Javascript.
Connect with Product Meow:
TH-cam @productmeow
⏰ Timecodes ⏰
0:00 - Initial project setup
1:05 - Getting the access key and secret key
5:33 - Install SDK S3 Client
8:50 - Create bucket on S3
11:33 - Configure S3 client
13:45 - Prepare file to be uploaded to AWS S3
16:51 - Successfully uploaded file to S3
#productmeow #aws #awss3 #s3
About:
In this video, you'll learn how to upload file to AWS S3 using Javascript.
มุมมอง: 66
วีดีโอ
How to Create Interactive Calendar On Figma (very simple !)
มุมมอง 3544 หลายเดือนก่อน
If you're interested to learn how to create a Time Picker (Ant Design), watch this tutorial: th-cam.com/video/BSv-1 4wHo/w-d-xo.html&ab_channel=ProductMeow Connect with Product Meow: TH-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:21 - Create reusable "Day" component 2:24 - Start creating calendar 4:54 - Test calendar 5:15 - End result of the calendar #productmeow #figma Ab...
Bulk Send Personalised Emails Using Gmail and Google Sheet
มุมมอง 654 หลายเดือนก่อน
If you want the code for the app script, you can download it here: forms.gle/EDr4TZ3NtumV2LgWA Connect with Product Meow: TH-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:07 - Google Sheet setup 0:40 - Dynamic variable in subject and body 1:34 - Open Google App Script 1:50 - Start implementing sendBulkEmails function 11:29 - Run function to start bulk sending email 12:09 - V...
Rest APIs using Google Sheet
มุมมอง 834 หลายเดือนก่อน
Download the code here: forms.gle/pAth9ArNU5JhXzks9 If you want to see the step by step process on how to create the database on google sheet, watch this video: th-cam.com/video/Kyyxpp4gvt8/w-d-xo.html Connect with Product Meow: TH-cam @productmeow ⏰ Timecodes ⏰ 0:07 - Where you can download the code 0:38 - Creating the structure for doPost to handle POST request 2:34 - Define executeFunction 4...
How to use Google Sheet as Backend for your App
มุมมอง 2614 หลายเดือนก่อน
To create REST APIs for your google sheet backend, watch this video: th-cam.com/video/Kyyxpp4gvt8/w-d-xo.html Download the code here: forms.gle/8YVSWmvmEPCuV6VD8 Connect with Product Meow: TH-cam @productmeow ⏰ Timecodes ⏰ 0:00 - Setting up the table structure 0:43 - Create getTodoTable function 1:58 - Create createTodo function 4:25 - Test createTodo function 6:10 - Create getTodo function 16:...
How to use ChatGPT in Google Sheet (No extension needed!)
มุมมอง 3114 หลายเดือนก่อน
If you want the code for the app script, you can download it here: forms.gle/L48kfHH5rQeSRp6K7 Connect with Product Meow: TH-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:26 - Open App Script from Google Sheet 1:04 - Start implementing GPT function in App Script 4:06 - Where to get OPEN AI API KEY 4:49 - Continue implementing GPT function in App Script 6:09 - How to test GPT...
Send Gmail Automatically with Google Form Submission (Easy !)
มุมมอง 2854 หลายเดือนก่อน
If you want the code for the app script, you can download it here: forms.gle/5psjkX9x5tsGyCdj9 Connect with Product Meow: TH-cam @productmeow ⏰ Timecodes ⏰ 0:00 - What you will be creating 0:07 - Set up Google Form 0:50 - Link Google Form To Google Sheet 1:54 - Create "onFormSubmit" function on Google App Scrip 5:05 - Grant permissions 6:09 - Trigger "onFormSubmit" upon submission of Google For...
Figma Loading Spinner - 2024 UPDATED
มุมมอง 1.6K7 หลายเดือนก่อน
Guaranteed to work if you follow step by step 😎 This guide demonstrates you can create a loading spinner in Figma under 5 minutes.
The Only Drag And Drop Figma Tutorial You Will Ever Need
มุมมอง 13K9 หลายเดือนก่อน
Difficulty: ★★★☆☆ You'll learn how to create Kanban style drag and drop interaction on Figma. If you are encountering issue, check the following: - Card naming - Use smart animate - Use FIXED WIDTH and FIXED HEIGHT
How to create slider on Figma
มุมมอง 3.2K9 หลายเดือนก่อน
In this tutorial, I'll show you the step by step process on how to create Slider on Figma.
Star Rating Component on Figma
มุมมอง 3.6K10 หลายเดือนก่อน
In this tutorial, I'll be showing you how to create a simple star rating component on Figma.
Build Your Own Telegram AI Chatbot Quickly with MAKE in 15 Minutes
มุมมอง 6K11 หลายเดือนก่อน
Learn how to create your very own AI chatbot in just 15 minutes 😱⚡️ Whether you're new to coding or an expert, I'll guide you through each step, from setup to dynamic interactions. Subscribe now and let's build together! Sign up for MAKE account here: tinyurl.com/productmeow-make To get started, make sure you have your Open AI API Key and Open AI Organization Key ready. Not sure how to find the...
Extract Structured Data (JSON) Using Open Ai Function Calling - Python
มุมมอง 1.1K11 หลายเดือนก่อน
Learn how to extract structured data using open ai function calling.
How To Create Button Hover Effect On Figma
มุมมอง 2.2Kปีที่แล้ว
In this video, you will learn how to apply hover effect on a button.
How To Create Loading Button (with loading spinner inside) On Figma
มุมมอง 1.2Kปีที่แล้ว
You will learn how to create a loading button using a loading spinner. In the video, you will be guided with a step-by-step tutorial on how to create the loading button. Related video: How To Create Loading Spinner In Figma - th-cam.com/video/3W_WHKg16HM/w-d-xo.html
How To Create Responsive Card Layout On Figma
มุมมอง 4.3Kปีที่แล้ว
How To Create Responsive Card Layout On Figma
How To Create Ant Design Time Picker On Figma
มุมมอง 2Kปีที่แล้ว
How To Create Ant Design Time Picker On Figma
How To Create Scrollbar Animation On Figma
มุมมอง 24Kปีที่แล้ว
How To Create Scrollbar Animation On Figma
How To Create Toggle Switch Button On Figma
มุมมอง 45K2 ปีที่แล้ว
How To Create Toggle Switch Button On Figma
How To Create Multi Steps Navigation Bar In Figma
มุมมอง 3.2K2 ปีที่แล้ว
How To Create Multi Steps Navigation Bar In Figma
How To Create Blinking Text Cursor In Figma
มุมมอง 10K2 ปีที่แล้ว
How To Create Blinking Text Cursor In Figma
Splitting full name into first and last name on google sheet
มุมมอง 50K2 ปีที่แล้ว
Splitting full name into first and last name on google sheet
Great video! I am just wondering, how do i deliver the bot to my clients?
ZABAR !)
Thanks a lot for such a nice explanation
You are most welcome !
What about multiple names?
how do you move the content text in the variant? there ir a shortkey?
Thanks 4 u tutorial, super amezing.
You are welcome 😊
hello could you help me understand what result I could get if I add the jungle scout API for Amazon sellers to my scenario
i dunno how to get the table out lol
If you meant using the component as part of your design. You can search for your component in “assets” and drag it into your design canvas.
Thank you very much!!! Thats a really nice video, even i did it
Glad it helped!
Clear and concise, thanks for that
You're welcome!
Thanks
You’re welcome
Thanks so much
Could you give the script please
You're welcome!
noice noice thank you gonna make my own jarvis now 😁
Update: Just made one, thank you man. Keep posting include images in automation also :)
Awesome ! Glad to know that it has inspired you to build your own Jarvis 🔥
not getting fill container option
after adding auto layout, it is not showing frame 1
clear an concise!!! omg perfect!!!!
Glad you find it helpful !
which open ai pricing i choose plus or team? Thanks
You’ll need to use API and not ChatGPT
How did you change the text of the component? In order to the change it’s only giving me the option to go to the main component to make the change
Don’t have to go to master component to make the change. You can change the text value within the component. Select the within the component and press “ENTER” repeatedly until you reach the value itself.
Hello, thanks for your sharing ;) Want to know more about how to use a custom short answer to let users fill in their email?
If you wish to collect more info (such as user provider email) from user. Create more fields on google form. Which will also create more column in google sheet.
THANKS A LOT
You're welcome!
thanks so much champ!
Happy to help!
I am not sure if this is what one should do. Copying and pasting is not the Fill Container tutorial I was looking for. For when you expand the table downwards, it automatically adds more list items (rows) to fill the space.
Thank you so much! It helped me a lot!!!
You're welcome!
Dude, I'm not getting the animation, please help me with this!😅
What if we are new to this world, and like the idea of using this, and do not pay for 3.5 turbo, what are your recommendations for beginners?
If you’re not comfortable with paying for the service. I suggest testing it out manually using ChatGPT first. Meaning that you will have to manually copy and paste the values to/from chatgpt. If the manual results works for you. That is when you can consider making it more efficient by utilising on the API. Hope this helps
Nice! Is it possible to use drag and drop to reorder the card order in a single column, with the cards in a vertical auto layout?
Yes, absolutely ! You can experiment with the approach I’ve demonstrated in the video. Same technique, with slight tweaks to the implementation. If you have difficulty achieving the results you want, feel free to let me know. I’ll create a video tutorial for it.
@@productmeow Thanks! I was able to hack it together using a similar technique but it relies on me faking the drag and drop. One thing I’m unable to figure out is this: - I have a vertical auto layout list with some layers in there - On each layer there’s a button to delete the layer from the list - I want the item below the deleted item to automatically shift up (since it’s auto layout) I tried variant swapping with a variant which is 0 pixel height, I tried using a visibility variable, and I can get it to work once, but then it stops working, I tried a conditional, I tried multiple interactions, nothing works! Ideally my list items are both draggable, AND deletable in the list. It sounds easy right? Maybe I’m missing something...
The best video i have seen on loading effects. Thank you, really helpful.
You're very welcome! Glad that it helped :)
Thank you so much! We're making a prototype of a DAW program for my UX class and this helped a lot!
I'm glad you found the advice helpful! If there's anything else I can do to enhance your UX journey and make it even more successful, just let me know!
yippe ❤
Very good content. And in the telegram groups topics. How can i send the message to telegram group topics?
Excellent video, thanks!
Glad it helped!
And now insert a Hover (while hovering) and Focus (Keyboard TAB) state and try again to preview all three states in one preview. :)
Can someone pls help me with the prototyping of variant 2 to variant 3?. The arrow is not bending according to the what's in the video
Watch this tutorial: Figma Loading Spinner - 2024 UPDATED th-cam.com/video/iHXqpRwj6tk/w-d-xo.html I created an updated tutorial on this - with more clarity and emphasis on areas where learners typically implemented incorrectly.
is this a paid one???
Sorry I don’t understand your question. You can achieve this with free version of Figma. Hope this helps.
How can i pay to open AI api ?
Go to settings > Billing You should see an option to purchase credit
OK Thank you
Thank you so muchhhhh, so cool
Glad it helped !
Thanks, very clear, that's perfect !
Glad it helped!
Pay for Open ai api ?
Yeap you’ll need to pay to use open ai API. Any programmatic access for OPEN AI services typically will incur some costs.
@@productmeow I followed every step of you. Atlast realised I can't do that without paying 🥹 is there any alternative for free which I can use for testing what I did 😕
Deleted my comment 😢
Easily explained! Thanks so much!
Glad it helped !
Just what I was looking for. Thank you.
You are welcome!
Thank you
You're welcome
nice but not nice haha... the problem here is if you want the width of full name not so wide as for the email column...
One trick for this is to set some column to “fixed” width 😉
Amazing teacher! thank you sir!
You're very welcome!
❤
How did you move the list within the frame?
If you meant scrolling for content that overflows, you’ll need a wrapper container with fixed height. For this container, make sure it “clips” the content and is vertically scrollable.
Great video, thank you so much! One question: Is it possible to reference cells within this excel sheet so that I can feed the GPT additional information? Example: In cell A2, I have the prompt "List me three famous actors from the country provided in cell B2". In cell B2, I have "Canada". Can this somehow work? So far, I get the output "As an AI, I don't have access to any physical dataset or excel sheets, including cell B2" Thanks for your answer!
Absolutely ! It’s really simple to adjust the function. For your use case, you can change the function to take in 2 arguments instead of 1. Or You can combine the values of A1 and B1 into C1 and feed C1 into the function as a single argument. Good luck !
I can’t find the video, what’s the title?
What video are you searching for ? You can check out my channel to see if you can find what you need !
very very useful and simple to follow thanks a lot
You are welcome 🙏🏼
Really helpful!
Glad it was helpful!
This is so easy to follow ! Thank you ! 🤩
You’re welcome 😊