Posts

React Parent-Child Communication

-
React Parent-Child Communication React Parent-Child Communication: How to Pass Data and Callbacks Between Components React is all about component-based architecture , which means breaking your UI into small, reusable pieces. But when components need to talk to each other , especially parent ↔ child , it can get tricky. In this article, we’ll walk through a practical example that shows: How a parent component passes data to a child How a child component sends data back to the parent Using state and callbacks to keep everything in sync We’ll use a simple counter app to illustrate the concepts. The Scenario Imagine we have: A Parent component that maintains a counter ( parentCounter ) and a message from its child ( messageFromChild ). A Child component that also has its own counter ( childCounter ) and can send messages back to the parent. We want: Parent → Child communication : Parent passes its counter ...
Post a Comment
Read more

Royal Match Simulation in Python

-
Dead King Cinematic Edition - Python Pygame Tutorial Creating “Dead King Cinematic Edition” in Python with Pygame: A Beginner’s Guide In this blog post, we’ll explore a fully-featured Pygame project called “Dead King Cinematic Edition” . This project combines animation, sound, physics-like motion, particle effects, and user interaction to create an interactive cinematic experience. Even if you’re new to Python or Pygame, this guide will break everything down conceptually, so you understand both the code and the reasoning behind it . 1. Setting Up Pygame and Sounds We start by importing necessary modules: import pygame import sys import math import random Next, we initialize Pygame and its mixer (for sounds): pygame.init() pygame.mixer.init() Sound Setup cry_sound = pygame.mixer.Sound("sounds/cry.wav") breathing_sound = pygame.mixer.Sound("sounds/breathing.wav") heartbeat_sound = pygame.mixer.Sound("sounds/heartbeat.wav") zombie_soun...
Post a Comment
Read more

Deploy Your React App to AWS S3 and CloudFront

-
Deploy Your React App to AWS S3 and CloudFront Using a Python Boto3 Script If you've ever wanted to automate the deployment of your React web app to AWS S3 and serve it securely via Amazon CloudFront , this detailed guide is for you. In this post, we’ll walk through a powerful Python deployment script that builds your React project, uploads it to S3, configures the bucket, sets up CloudFront with an Origin Access Control (OAC) , and verifies your app is live on a secure HTTPS URL — all using Boto3 , AWS’s Python SDK. Overview of the Deployment Workflow This Python script automates the entire deployment pipeline in 7 major steps: Build your React app using npm run build . Create or reuse a private S3 bucket. Create or reuse a CloudFront Origin Access Control (OAC). Create or reuse a CloudFront Distribution. Attach a secure bucket policy that only CloudFront can access. Upload your React build to S3 and invalidate the CloudFront cache. Verify...
Post a Comment
Read more

Building an AWS C++ S3 Program on Windows with vcpk

-
Building an AWS C++ S3 Program on Windows with vcpkg This guide shows how to set up a working C++ project on Windows that uses the AWS SDK to list S3 buckets. We will use vcpkg as the package manager to handle the AWS SDK installation and dependencies. Step 1: Install vcpkg If you haven't installed vcpkg yet, download it from the official repository and bootstrap it: git clone https://github.com/microsoft/vcpkg.git C:\Users\YourName\CDK\vcpkg cd C:\Users\YourName\CDK\vcpkg .\bootstrap-vcpkg.bat Note: On Windows, you must run bootstrap-vcpkg.bat in the Command Prompt. --- Step 2: Install the AWS SDK for C++ using vcpkg Install the core and S3 components for 64-bit Windows: vcpkg install aws-sdk-cpp[core,s3]:x64-windows This will install the required libraries and headers under installed\x64-windows\ . vcpkg will handle dependencies like aws-c-common , aws-crt-cpp , and others. --- Step 3: Set up your C++ project Create a project folder, e.g., C:\...
Post a Comment
Read more

Automating .NET ECS Deployment with Boto3 and EventBridge

-
Deploying containerized applications on AWS ECS can be a tedious, multi-step process. Between setting up IAM roles, creating repositories, configuring clusters, and scheduling tasks, there’s a lot of moving parts. To streamline this, I built a Python deployment script using Boto3 that automates the entire process from Docker build to scheduled execution with Amazon EventBridge . Overview of the Workflow The script covers the following: Ensures IAM roles exist with the right policies Creates or resets an Amazon ECR repository Builds and pushes a Docker image Creates a CloudWatch Logs group for container logging Creates an ECS cluster (if missing) Registers a new ECS Fargate task definition Deregisters old task definitions Stops old running ECS tasks Creates or updates an EventBridge schedule to trigger ECS tasks IAM Roles and Permissions The first step in ECS deployments is to make ...
Post a Comment
Read more

Asynchronous DynamoDB Queries with Java Using GSIs and the AWS SDK v2 Enhanced Async Client

-
When building modern Java applications that interact with AWS DynamoDB , you often need to query data by attributes other than the primary key . This is where Global Secondary Indexes (GSIs) come into play. In this post, we’ll break down: Why GSIs are important How to use the Enhanced Async DynamoDB Client in Java How to query a GSI asynchronously using Reactive Streams How to process results efficiently using CompletableFuture 1. Understanding Global Secondary Indexes (GSIs) A Global Secondary Index (GSI) allows you to query DynamoDB tables using an alternative partition key and optional sort key. Unlike the primary key of the table: A GSI can have different partition and sort keys. It provides fast queries for attributes you don’t want to scan. GSIs are eventually consistent by default, but you can request strong consistency if needed. Why use a GSI here? In our scenario, we have a table of form templates with this schema...
Post a Comment
Read more

Automate Your API Gateway Setup with Boto3: Rendering HTML from Lambda

-
Creating RESTful endpoints using the AWS Management Console can quickly become frustrating — especially when dealing with API Gateway. If you've ever felt like the Console experience is too slow for repeatable tasks, you're not alone. In this post, we’ll walk through a Python script using the boto3 library that automates the creation of an AWS API Gateway REST API backed by a Lambda function — and returns HTML, not JSON. This makes it ideal for rendering mobile-friendly forms or web content directly from serverless logic. Why Use Python Over the Console? Repeatability : Run your script anytime without clicking through dozens of console menus. Version Control : Store and track API configurations in Git. Speed : Automate CORS setup, deployment stages, permissions — in seconds. Precision : Avoid human error by defining everything in code. Use Case This script will: Create a REST API in API Gateway. Add a /form route with a GET method. Integrat...
Post a Comment
Read more