react-architecture

⚛🤌 Modern approaches to architecture and feature development in React apps.

Claude Code skills to help you think like a Senior Engineer.

Starting kit for building clean and extensible client-side applications in React

Full-stack Procurement & Vendor Management ERP - React 19 + Express 5 + MongoDB + Redis + Socket.IO. Features Google OAuth, LangChain AI assistant (Gemini 2.5 Flash), 2-level approval workflows, auto PDF invoices via ImageKit, Brevo email, JWT auth & Redis rate limiting.

Clean and scalable React architecture for mid to large-scale applications, featuring layer separation, strict boundaries, and domain-driven design principles.

Opinionated guide to scalable React architecture, folder strategy, state boundaries, testing, and DX.

Implementation of MVVM architecture for React applications with DI and layered approach.

Next-Gen SQL Agent powered by LangGraph & Gemini 2.5. Features cyclic reasoning steps, self-correction, and multilingual 'Glass Box' transparency for high-precision database analysis.

An advanced AI-powered data analyst built with Python, Streamlit, and LangChain. Implements the ReAct (Reasoning + Acting) architecture to autonomously query SQL databases, analyze results, and provide context-aware business insights using Google Gemini. Features transparent thought process visualization and multi-language support.

A production-grade AI agent system implementing the ReAct (Reasoning + Acting) architecture from first principles. Built with modularity, extensibility, and cost-efficiency in mind.

📊 Transform data analysis with InsightSQL, an AI engine that generates and executes SQL using graph-based reasoning for precise results.

Runtime multi-brand theming for React — one codebase, one MUI component library, infinite brand skins

(WIP): Next.js Application Architecture Boilerplate. Feature-Driven Architecture, Next.js 13, Storybook, Mock Service Worker, React Testing Library.

A small Micro-Frontend (MFE) demo with a host shell and three remotes: watchlist, quote, and orders.

리액트의 핵심 동작 원리와 Fiber 아키텍처를 깊이 있게 알아보는 세미나 자료입니다.

GRAFT (Grounded Reasoning-Action File-agent Toolchain): a from-scratch ReAct implementation across Groq's OpenAI-compatible API and the Anthropic Messages API, with persistent memory, sandboxed calculation, and zero-hallucination answering.

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

A complete full-stack CRM (Customer Relationship Management) web application built using the MERN stack with a modern frontend architecture and Figma-based UI design.

A simple to-do list app demonstrating how to use CLEAN architecture with Next.js

Manage procurement and vendor workflows with this full-stack Odoo-integrated ERP system featuring AI-driven tools and real-time tracking.