SShortSingh.
TopTechnologyAI & MLStartupsProgrammingScienceBusinessFinanceCrypto & Web3World
Back to feed
Programming

Developer builds same portfolio in React, Vue, Angular and Kotlin using Clean Architecture

0
·11 views

A senior full-stack and mobile developer built a single portfolio application replicated identically across four frameworks — React 19, Vue 3.5, Angular 19, and Kotlin Multiplatform Compose HTML — to demonstrate cross-technology proficiency during technical interviews. The project is structured as a Yarn Workspaces monorepo, with a shared core package written in pure TypeScript containing domain entities, repository interfaces, and business logic use cases. A separate content adapter package implements data fetching from JSON files and handles dynamic Spanish-English translation, ensuring no framework owns the data or logic layer. Each framework app is responsible only for rendering view models, with reactivity handled through their respective native patterns such as React hooks, Vue composables, and Angular Signals. Users can switch between frameworks live with a single click without losing application state or scroll position, solving the common problem of maintaining four separate codebases.

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)

Log in to join the discussion and vote.

Log in

Related stories

0
ProgrammingDEV Community ·

Python Variables, Data Types, and Input Handling Explained for Data Analysis

A foundational guide to Python for data analysis covers how variables are defined, named, and used to store and reuse data throughout a program. Python supports several data types — including strings, integers, lists, and dictionaries — and a variable can hold only one type at a time. User input can be collected via the input() function, though it stores all data as strings by default. To handle numeric input correctly, developers can use type casting to convert a variable from one data type to another, such as converting a string to an integer using int(). Understanding these core concepts is considered essential before performing any meaningful data analysis in Python.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

wardcat: Open-Source On-Premise Data Privacy Tool for LLM and RAG Pipelines

A developer has released wardcat, an open-source Python library on PyPI designed to prevent sensitive data leaks when using large language models and RAG pipelines entirely on-premise. The tool uses a hybrid layered architecture combining Regex, SpaCy NER, and local open-weights LLMs such as Qwen3:14b to detect and anonymize sensitive information with high accuracy. A key feature called reversible masking allows anonymized text to be restored to its original form after LLM processing, while an is_sensitive() function filters prompts through a contextual security check before they are handled. Benchmarks comparing wardcat against Microsoft Presidio show wardcat's LLM layer achieving an F1 score of 0.920 on challenging scenarios and 88% accuracy in sensitivity classification, outperforming Presidio across all tested datasets. The project is publicly available on GitHub and PyPI, and the developer is welcoming contributions and feedback from the community.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

AI speeds up coding, but client delays are the real bottleneck in freelance work

A freelance web developer found that AI tools like Claude Code compressed a five-day build into a single day, yet projects still dragged on for weeks due to delays in receiving client-supplied assets. The real obstacle turned out to be vague, open-ended requests for logos, copy, and hosting credentials that clients struggled to prioritize alongside their regular jobs. The developer discovered that rewriting requests as specific, single-item tasks with clear format examples dramatically improved client response times. Limiting initial requests to only the essentials needed to start work also helped, rather than overwhelming clients with a full checklist upfront. Setting a transparent follow-up schedule from the first message — such as check-ins every Tuesday and Friday — eliminated the awkwardness of reminders and kept projects moving without friction.

0 comments Read more at DEV Community
0
ProgrammingDEV Community ·

Tencent Open-Sources BrowserSkill to Connect AI Coding Agents to Live Browser Sessions

Tencent has open-sourced BrowserSkill (bsk), a lightweight local tool that bridges AI coding agents such as Claude Code and Cursor to a developer's already authenticated browser. The tool addresses two longstanding problems: headless browsers that fail on login walls and bot-detection, and OS-level automation that hijacks the user's mouse and screen. BrowserSkill uses a three-tier architecture comprising a Rust-based CLI daemon, a Chromium extension for Chrome and Edge, and a dedicated agent window that runs tasks separately from the user's main browsing session. Because the agent inherits the developer's existing cookies and session storage, it can access authenticated services like GitHub, AWS Console, and internal dashboards without requiring fresh credentials or MFA workarounds. The project is aimed at developers building or using autonomous agents for tasks such as UI verification, staging dashboard checks, and repetitive web workflows.

0 comments Read more at DEV Community