60-Minute AI Coding Challenge: Building a Pictionary Game with Amazon Q Developer & Amazon Nova
Update: Kiro CLI is the next iteration of Amazon Q CLI! Update your Amazon Q CLI to Kiro CLI today, or download Kiro CLI at Kiro.dev/cli!
Watch Erik and Du'An tackle an epic 60-minute coding challenge where they build a complete image identification game from scratch! Using only Amazon Q Developer for assistance (no Google, no Stack Overflow), they create a full-stack Pictionary-style application with Vue.js/Next.js frontend and Python Flask backend, powered by Amazon Nova for AI image generation and Amazon Bedrock for intelligent responses.
This challenge showcases the power of AI-assisted development using AWS's latest generative AI tools, including the Model Context Protocol (MCP) for seamless AI integration. Perfect for developers wanting to see real-world AI coding in action!
Resources:
Amazon Q Developer: aws.amazon.com/q/developer/
AWS MCP Servers on GitHub: github.com/awslabs/mcp
Amazon Nova: aws.amazon.com/bedrock/nova/
Amazon Bedrock: aws.amazon.com/bedrock/
Vue.js Documentation: vuejs.org/
Flask Documentation: flask.palletsprojects.com/
Tailwind CSS: tailwindcss.com/
Follow AWS Developers!
📺 Instagram: https://www.instagram.com/awsdevelopers/?hl=en
🆇 X: https://x.com/awsdevelopers
💼 LinkedIn: https://www.linkedin.com/showcase/aws-developers/
👾 Twitch: https://twitch.tv/aws
Chapters:
00:00 - Introduction & Challenge Setup
00:30 - Planning the Game Architecture
01:15 - Setting Development Constraints
01:33 - Frontend Framework Selection (Vue.js/Nuxt.js)
01:55 - Game UI Design & Layout
02:30 - Backend API Planning
02:54 - Amazon Nova & Bedrock Integration
03:38 - Starting Development
04:22 - Setting Up Dependencies & GitHub
04:47 - Frontend Development with Tailwind CSS
05:28 - Backend Flask API Creation
06:34 - Amazon Q Developer Assistance
07:13 - Creating Game Pages
07:49 - Backend Endpoint Development
08:29 - Context Management with Amazon Q
09:14 - Git Integration & Version Control
10:00 - Frontend-Backend Connection
11:19 - Im
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from AWS Developers · AWS Developers · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Using Microsoft Active Directory across On-premises and Cloud Workloads
AWS Developers
What is Cloud Computing with AWS? | Hebrew Webinar
AWS Developers
Best Practices for Getting Started with AWS | Hebrew Webinar
AWS Developers
Best Practices for Using AWS Identity and Access Management (IAM) Roles
AWS Developers
Building Scalable Web Apps | Hebrew Webinar
AWS Developers
Dev & Test on the AWS Cloud | Hebrew Webinar
AWS Developers
Storage & Backup on AWS | Hebrew webinar
AWS Developers
Disaster Recovery on AWS | Hebrew Webinar
AWS Developers
AWS Israel News | Episode 1
AWS Developers
Security Best Practices on AWS | Hebrew Webinar
AWS Developers
Ready: Introduction to AI on AWS | Hebrew Webinar
AWS Developers
Set: What is ML for developers? | Hebrew Webinar
AWS Developers
Go!: Building your own ChatBot with Amazon Lex | Hebrew Webinar
AWS Developers
And Beyond: Amazon Sagemaker | Hebrew Webinar
AWS Developers
Building API-Driven Microservices with Amazon API Gateway - AWS Online Tech Talks
AWS Developers
Understanding AWS Secrets Manager - AWS Online Tech Talks
AWS Developers
Best Practices for Building Enterprise Grade APIs with Amazon API Gateway - AWS Online Tech Talks
AWS Developers
Build, Train and Deploy Machine Learning Models on AWS with Amazon SageMaker - AWS Online Tech Talks
AWS Developers
AWS Israel News | Episode 2 | re:Invent
AWS Developers
AWS Floor28 News - January
AWS Developers
AWS Floor28 News - February - Hebrew
AWS Developers
AWS Floor28 News - March - Hebrew
AWS Developers
AWS Floor28 News - April - Hebrew
AWS Developers
AWS Floor28 News - May - Hebrew
AWS Developers
Authentication for Your Applications: Getting Started with Amazon Cognito - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - June - Hebrew
AWS Developers
AWS Floor28 News - July - Hebrew
AWS Developers
Enriching your app with Image Recognition and AWS AI Services - AWS Webinar - Hebrew
AWS Developers
Personalize, Forcast, and Textract - AWS Webinar - Hebrew
AWS Developers
Managing Your ML Development Lifecycle with Amazon SageMaker - AWS Webinar - Hebrew
AWS Developers
Running your ML code in Amazon Sagemaker - AWS Webinar - Hebrew
AWS Developers
Get Started in Minutes with Amazon Connect in Your Contact Center - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - August - Hebrew
AWS Developers
AWS Floor28 News - September - Hebrew
AWS Developers
Deep Dive on Amazon EventBridge - AWS Online Tech Talks
AWS Developers
Advanced Serverless Orchestration with AWS Step Functions - AWS Online Tech Talks
AWS Developers
Living on the Edge - an Introduction to Amazon CloudFront and Lambda@Edge - Hebrew Webinar
AWS Developers
AWS Floor28 News - October - Hebrew - YouTube
AWS Developers
What's New with AWS Storage - AWS Online Tech Talks
AWS Developers
How to Build a Compelling Migration Business Case Using TSO Logic - AWS Online Tech Talks
AWS Developers
Configuring and Managing Amazon S3 Replication - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - November - Hebrew
AWS Developers
Using Relational Databases with AWS Lambda - Easy Connection Pooling - AWS Online Tech Talks
AWS Developers
AWS Floor28 News - December 2019 - Hebrew
AWS Developers
AWS Floor28 News - January 2020 - Hebrew
AWS Developers
Top 10 Data Migration Best Practices - AWS Online Tech Talks
AWS Developers
How to Use Azure Active Directory with AWS SSO - AWS Online Tech Talks
AWS Developers
AWS Tips & Tricks - Amazon Redshift Advisor - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Redshift Elastic Resize - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Redshift Spectrum - Hebrew
AWS Developers
AWS Tips & Tricks - Savings Plans & Cost Explorer - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Redshift Concurrency Scaling - Hebrew
AWS Developers
AWS Tips & Tricks - Training Models with Amazon SageMaker - Hebrew
AWS Developers
AWS Tips & Tricks - Auto Model Tuning with Amazon SageMaker - Hebrew
AWS Developers
AWS Tips & Tricks - Amazon Comprehend - Hebrew
AWS Developers
Understanding High Availability and Disaster Recovery Features for Amazon RDS for Oracle
AWS Developers
Amazon Forecast – Forecasting - From Months to Days (Hebrew)
AWS Developers
Visualize your data with Amazon QuickSight (Hebrew)
AWS Developers
Amazon Kendra (Hebrew)
AWS Developers
AWS Floor28 News - AI/ML Special Edition
AWS Developers
More on: AI Pair Programming
View skill →
Related AI Lessons
Chapters (18)
Introduction & Challenge Setup
0:30
Planning the Game Architecture
1:15
Setting Development Constraints
1:33
Frontend Framework Selection (Vue.js/Nuxt.js)
1:55
Game UI Design & Layout
2:30
Backend API Planning
2:54
Amazon Nova & Bedrock Integration
3:38
Starting Development
4:22
Setting Up Dependencies & GitHub
4:47
Frontend Development with Tailwind CSS
5:28
Backend Flask API Creation
6:34
Amazon Q Developer Assistance
7:13
Creating Game Pages
7:49
Backend Endpoint Development
8:29
Context Management with Amazon Q
9:14
Git Integration & Version Control
10:00
Frontend-Backend Connection
11:19
Im
🎓
Tutor Explanation
DeepCamp AI