Developer builds AI-powered co-seller dashboard on serverless AWS-Vercel stack

·1 views

A developer built Kajota Pulse, a Bloomberg-style dashboard designed to help African micro-commerce co-sellers decide what products to stock each week, submitted as an entry to the AWS and Vercel 'H0: Hack the Zero Stack' hackathon. The app runs entirely on a serverless architecture using Next.js on Vercel, AWS Aurora Serverless v2 for data storage, and Google's Gemini 2.5 Flash model to generate stocking recommendations. A key technical challenge was implementing passwordless database authentication, as the Aurora internet-access-gateway model mandates IAM token-based auth instead of traditional passwords, eliminating any long-lived credentials from the system. The team also discovered that Vercel functions run on AWS Lambda, which injects its own environment credentials that can shadow custom AWS keys, requiring a workaround using uniquely named environment variables. Real-time product data is streamed into Aurora via MongoDB Atlas Database Triggers connected to live Kajota marketplace collections, with the live app available at kajota-pulse.vercel.app.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Tutorial: Build a Browser-Based Space Shooter Game Using Limn Engine

A new step-by-step tutorial on DEV Community guides JavaScript beginners through building a fully functional space shooter game using Limn Engine, a zero-configuration 2D game engine that runs in the browser. The project covers core game development concepts including game loops, keyboard input, collision detection, particle effects, and game state management. The finished game — featuring a moving spaceship, bullets, enemy waves, and a scoring system — can be built in approximately 100 lines of code. Learners only need basic JavaScript knowledge, a code editor, and a web browser to get started. The tutorial also suggests several extensions, such as adding a boss enemy, power-ups, sound effects, or a high score system, to help developers build on the foundation.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Zero-Knowledge Architecture Explained: How It Keeps Your Files Private

Zero-Knowledge Architecture (ZKA) is a security model where files are encrypted on the user's device before upload, ensuring the service provider never holds decryption keys or can access the content. Unlike traditional cloud storage where servers manage encryption keys, ZKA means a data breach exposes only useless encrypted blobs to attackers. The approach also simplifies regulatory compliance under frameworks like GDPR and HIPAA by eliminating the service provider as a data-access risk. A genuine ZKA implementation requires client-side encryption, keys derived from user-controlled passphrases, and decryption keys passed via URL fragments that never reach the server. Users evaluating file-sharing tools should verify client-side encryption in documentation, review link-generation methods, and check data retention and deletion policies.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How Accept-Version Headers Can Prevent Style Drift in Cached HTMX Fragments

Developers building HTMX applications often cache HTML fragments server-side to avoid costly backend queries, much like caching JSON responses in single-page applications. A common problem arises when CSS updates fail to reflect in cached fragments, causing visual inconsistencies across the app. A proposed solution uses two custom headers — Accept-Version sent by the frontend and Version returned by the backend — to negotiate which version of a resource is being requested and served. If the versions mismatch on a GET request, the backend triggers an HX-Redirect, forcing HTMX to reload the full page with the latest styles instead of serving a stale fragment. This lightweight content-negotiation approach requires every HTMX-enabled page to inject the current app version — such as a git commit SHA — into outgoing request headers via a small script.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Developer Tutorial: Build a Real-Time AI Posture Monitor Using MediaPipe and Electron

A new tutorial published on DEV Community walks developers through building a real-time posture monitoring desktop application using MediaPipe Pose and Electron. The system uses a webcam to capture video frames, processes them through a pre-trained neural network to detect 33 body landmarks, and applies trigonometry to identify poor posture such as forward head tilt. When slouching is detected, the Electron app triggers a system notification to alert the user. The project requires Node.js, MediaPipe, OpenCV.js, and Electron, making it a practical introduction to AI-powered computer vision on the desktop. The author notes that production-ready versions would need to account for edge cases like low lighting, varied camera angles, and notification throttling.

0 comments Read more at DEV Community