PRO 30% Free • Stripe ($15) & Razorpay (₹899)
166 Interactive Production Blueprints & AI Engineering Guides

Master Modern AI Engineering with Production Code

Step-by-step architectural blueprints, full source code repositories, and hands-on walkthroughs. From multi-agent swarms (CrewAI, AutoGen, LangGraph) and MCP servers to autonomous browser automation and production LLM pipelines — 100% executable, zero fluff.

⚡ Instant search • 166 guides • 145 hands-on projects
Popular:

Hands-on Projects (364)

Category: Hands-on Projects

Comprehensive technical walkthroughs in Hands-on Projects

30 of 364 articles Reset all

A Complete Guide to Vercel's AI SDK

Cloud & Full-Stack AI

Vercel AI SDK is a powerful TypeScript-first toolkit that provides a unified interface for building AI applications with Next.js and other modern frameworks. It eliminates the traditional complexity of managing multiple ...

AG-UI: How the Agent-User Interaction Protocol Works

AI Agents & Automation

AG-UI (Agent-User Interaction Protocol) is an open, lightweight protocol that standardizes the way AI agents interact with frontend apps. Consider it a common language that eliminates the need for custom integration code...

AI vs Generative AI: Understanding the Difference

Generative AI Foundations

Artificial Intelligence, or AI, is everywhere, from chatbots helping you shop to recommendation engines suggesting your next binge. Yet not all AI is the same, and the term is often used loosely, leaving many confused be...

Accessibility on the Platform

Web development

Codecademy is committed to providing a high-quality learning experience for all learners. That includes accommodating different usage forms such as auditory, motor, or visual restrictions, limited hardware, or other acce...

Affordances, Signifiers, and Clickability

Web development

For users on the web, the mouse click is perhaps the most fundamental human-computer interaction. The webbecamethe web partially through the power ofhypertext, or text in one document that links to other documents or res...

Agentic AI vs Generative AI: Key Differences

AI Agents & Automation

AI used to just recognize things and answer basic questions. Now we have two completely different types that work in their own ways. Understanding what is agentic AI vs generative AI matters because we need to pick the r...

Agentic IDE Comparison: Cursor vs Windsurf vs Antigravity

Developer Tools

Codebases these days are large, interconnected, and slow to reason. Traditional AI tools speed up code writing, but still require human intervention for planning, coordination, and verification. This is where Agentic IDE...

Android Studio Quick-Start Guide

Developer tools

Android Studio often intimidates beginners, but by learning a few handy shortcuts and getting the lay of the land, we can navigate this powerful development environment with ease.

Anthropic Claude Opus 4.6: Is the Upgrade Worth It?

LLM Workflows

On February 5, 2026, Anthropic released Claude Opus 4.6, and if you’ve been using Opus 4.5 and wondering if the upgrade is worth it, here’s the short answer “Yes!”. The long context retrieval alone jumped from 18.5% to 7...

Apache Kafka Tutorial: A Complete Guide for Beginners

Developer tools

Apache Kafkais a well-known distributed event streaming platform designed to efficiently manage real-time data feeds. It was originally developed by LinkedIn in 2011 and later open-sourced. Apache Kafka has gained immens...

Authentication and OAuth

Web development

Authenticationis the process used by applications to determine and confirm identities of users. It ensures that the correct content is shown to users. More importantly, it ensures that incorrect content is secured and u...

Authentication vs Authorization vs Encryption

Web development

Authentication, authorization, and encryption are all key concepts in web security, but it’s easy to confuse them. In this article, you’ll learn what these concepts are, and what roles they play in web security.

AutoGen Tutorial: A Guide to Building AI Agents

AI Agents & Automation

In today’s fast-paced AI landscape, building intelligent and interactive agents has never been more accessible. With AutoGen, we now have a powerful and flexible framework that enables developers and enthusiasts to creat...

Best IDEs for Mobile App Development: A Complete Guide

Mobile development

AnIDE(Integrated Development Environment) combines essential development tools into a single application, making mobile app development more efficient and organized. Rather than juggling separate tools for coding, debugg...

Bolt.new: Build a Full-Stack App in Minutes

Developer Tools

Building a full-stack app means juggling frameworks, writing boilerplate code, and spending hours setting up databases. Bolt.new solves these challenges by automating the development process.

Bootstrap: Creating Menus, Navbars, and Modals

Web development

In the first Bootstrap article, we worked on the codebrainery web page, starting with a basic template for the project. If you don’t already have it, you candownload codebrainery herebefore we dig into Bootstrap further...

Browser Compatibility

Web development

Web developers will often have a preferred Internet browser. Naturally, that same browser is the one used to preview websites and web applications in development. There are, however,a multitude of browsers(and many versi...

Build AI agents with LangChain v1: step-by-step tutorial

AI Agents & Automation

LangChain is an open-source framework for building applications with large language models. It provides tools to connect LLMs with external data sources, APIs, and custom functions, enabling developers to create agents t...

Build a Blog Research and Writer n8n Workflow: Complete Guide

AI Agents & Automation

Writing quality blog posts takes hours of research, drafting, and editing. What if we could automate most of that work while still producing articles that sound genuinely human?

Build a Custom LLM-Powered Chat App Using Chainlit

LLM Workflows

Building conversational AI applications has become increasingly accessible with the rise of large language models (LLMs). However, creating a user-friendly chat interface that can effectively interact with these models o...

Build a Private AI Chatbot Using Google’s Gemma 3n

LLM Workflows

AI-powered chatbots are reshaping the way we interact with technology, offering intelligent and personalized responses in real time. However, cloud-based solutions often raise concerns around data privacy, latency, and c...

Build a Sentiment Analysis App with Hugging Face and Streamlit

LLM Workflows

Sentiment analysis helps computers understand if text expresses positive, negative, or neutral emotions. In this tutorial, we’ll build a web app that analyzes emotions in text using Hugging Face transformers and Streamli...

Build a Summer Reading List using ChatGPT

Generative AI Foundations

In the summer, nothing beats relaxing with a good book. But finding a perfect summer read can be daunting so why not get some assistance? A perfect candidate for this task is ChatGPT! ChatGPT is an artificial intelligenc...

Build a To-Do List with Generative AI

Generative AI Foundations

In this innovative tutorial, we will explore how to harness the power of generative AI (Artificial Intelligence) to optimize your daily schedule and tasks. Whether you are struggling to balance work and personal life, or...

Build an AI Travel Assistant With Google Agent Development Kit (ADK)

Cloud & Full-Stack AI

Google's Agent Development Kit (ADK) is a framework for developing, deploying, and testing AI agents, which makes it suitable for developing generative AI based applications.

Build an LLM Evaluation Framework: Metrics, Methods & Tools

LLM Workflows

Building an LLM evaluation framework requires five key steps: defining evaluation objectives, creating test datasets, selecting metrics, choosing tools, and implementing automation. This systematic approach ensures your ...

Build an MCP Server: Complete MCP Tutorial for Beginners

Developer Tools

Building an MCP server allows you to connect AI models like Claude to your local tools, data, and applications through a standardized protocol. In this tutorial, you'll build an event calendar MCP server from scratch usi...

Building LangChain Agents for LLM Applications in Python

AI Agents & Automation

Large language models (LLMs) have transformed the way we work. LLMs are trained on large datasets, and they have access to an amount of information beyond the capabilities of human beings. LLMs also have reasoning, quest...

Building Lists in SwiftUI

Mobile development

Presenting textual and graphical information in a column is a very familiar and natural way to visually organize data. Almost all modern apps utilize some sort of columnar data display. Think of popular social media apps...

Building Multi-Agent Application with CrewAI

AI Agents & Automation

Have you ever wished you could have a team of AI specialists working on your projects? Imagine having one AI expert for research, another for writing, and a third for editing - all working together seamlessly. Traditiona...

Showing 30 of 364 projects (334 remaining)
Production AI Blueprints

From Prototype to Autonomous Production Pipelines

Master the architectural patterns defining modern AI applications. Every guide includes complete architecture diagrams, environment configurations, and ready-to-run source code with zero blurred sections.

Multi-Agent Swarms

CrewAI, AutoGen, and LangGraph orchestrations with persistent memory, tools, and supervisor routing.

Model Context Protocol

Build custom MCP servers to expose database, file, and API tools directly to AI agent hosts.

Full-Stack AI Engines

FastAPI backends, streaming UI components, vector retrieval (RAG), and production evaluation.