Developer Builds Interactive Vietnamese Dinner Tray Inspired by 3,000-Year-Old Bronze Drum

·1 views

A developer created an accessible, interactive landing page called 'Mâm Cơm' for a frontend challenge, centering it on the Vietnamese concept of the family rice tray — a round communal meal shared simultaneously by all diners. The design draws a deliberate parallel between the everyday bamboo tray and the ancient Đông Sơn bronze drum from around 1000 BCE, both sharing the same circular, concentric form. The page features a spinnable lazy susan interface where seven dishes orbit a central drum face, built accessibly as an ARIA tablist and fully functional without JavaScript. Beyond the interactive tray, the page includes Vietnamese cultural content such as an origin myth, a recipe with a servings scaler, and the untranslatable greeting 'Ăn cơm chưa?' — meaning both 'have you eaten?' and an expression of care. The visual design draws from lacquerware, Lý-dynasty motifs, and the Ngọc Lũ drum, aiming to represent Vietnamese heritage authentically rather than as a tourist aesthetic.

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)

How to Add Redis-Backed Rate Limiting to a Nuxt Application

A developer has shared a practical guide for implementing rate limiting in Nuxt after shipping multiple projects with unprotected authentication routes. The setup uses the rate-limiter-flexible library with a Redis backend and an automatic in-memory fallback for when Redis becomes unavailable. It is structured around three components: a factory function to build limiters, an enforcement function for route handlers, and global server middleware that applies a baseline limit to every route. The implementation uses lazy initialization to avoid startup-order issues and is designed to fail open, meaning unexpected errors will not inadvertently block legitimate users. A custom 429 error page with a live retry countdown is also included to improve the user experience when limits are hit.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Three Silent Data Bugs That Corrupted ML Training Without Raising Any Errors

A machine learning practitioner documented three cases where training datasets produced misleading results without triggering any errors or warnings. In the first case, 630 of 688 training records belonged to a single category, leaving several evaluated categories entirely unrepresented, yet the model still showed apparent gains due to format learning alone. In the second case, a near-perfect loss curve and 0.99 token accuracy masked a fundamental mismatch: the model was trained on free-text answers but evaluated on multiple-choice index selection, two entirely different tasks. A third issue involved a large public robotics dataset whose headline storage figures obscured a critical detail buried in the methodology — that only around 60% of the data met usable criteria. The author concludes that silent dataset failures are among the most dangerous bugs in ML workflows, advocating for explicit pre-run audits of data composition and alignment between loss objectives and evaluation metrics.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

How to Deploy Qwen3.8 Max as a Task-Oriented AI Agent in Python

A DEV Community tutorial walks developers through integrating Qwen3.8 Max, currently ranked first on the agentic index, as a task-oriented agent in Python. The guide shows how to wrap the model in a reusable agent class using the official Qwen library, available on PyPI and backed by Hugging Face checkpoints. The agent is benchmarked against GPT-4 on a Paris trip-planning prompt, with the comparison highlighting tradeoffs in cost, latency, context window size, and safety features. Qwen3.8 Max offers a 32k token context window at lower cost than GPT-4 variants, though it lacks equivalent safety mitigations. The tutorial also addresses common failure modes such as hallucinations and context truncation, recommending prompt engineering, chunking, and tool-call validation as mitigation strategies.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Rust API Design: Understanding Object Safety and Trait Flexibility

A technical deep-dive published on DEV Community explores object safety in Rust, a concept that determines whether a trait can be used with dynamic dispatch via 'dyn Trait'. For a trait to be object-safe, it must meet several conditions, including not requiring 'Sized', having no associated constants, and ensuring all methods are dispatchable or explicitly marked non-dispatchable. The article illustrates this with an 'Animal' trait example, where 'Dog' and 'Cat' structs are stored together in a single vector using trait objects. Adding a method that returns 'Self' breaks object safety, preventing the use of 'dyn Trait' and causing a compiler error. The guide recommends designing traits to be object-safe wherever possible, as it increases API flexibility and enables broader usage patterns.

0 comments Read more at DEV Community