<h1 id="3-basic-architecture">3. Basic Architecture</h1>
<p>Frontend, Backend, AI Service, Electron</p>

3. Basic Architecture

App Building

Desktop App

1. Create Next React App

2. Other Create React App Options

Python Package Layout

Packaging a Python AI Service Inside an Electron App

Final Steps: Bundling Everything Together

Rebuilding After Code Changes

8CodeSigning

EPIC — Packaging & Distribution Reference

Web App

1CreateNextReactApp

Other Create React App Options

Artificial Intelligence

AI Integration Guide

Glossary

1  Rag

RAG Introduction

Evaluation

Consistency

Adapters

Core

Utils

Providers

Prompts

Vector Store Guide

Knowledge Graph

Retrieval

Generation

RAG Engine

2  Fine Tuning

Training a Custom Image Model on Replicate (Flux Fine-Tune)

Image Caption Generator for Fine-Tuning

TextModels

3  Agents

AI Agents — Introduction

AI Agents — Building a Personal Website Chatbot

Async Python for Agent Engineering

Guardrails — Structured Outputs & Safety Checks

4  Mcp

Setting up WSL - Windows Subsytem for Linux

MCP (Model Context Protocol) — Basics

Creating an MCP Server

Creating an MCP Client

Calling an MCP Server & Client

7  Skills

AI Skills — Claude Code Custom Slash Commands

Basic AI Tool Skill

Basic AI Agent Skill

Basic Guardrail Skill

mcp builder

Electron Fullstack With Full A I

Utility

Find Dead Code Skill

Fronend Only

React Python

Deployment

Amazon Web Services (AWS) - Complete Beginner's Guide

Deployment Guide

Git & GitHub Guide for EPIC

Terraform - Complete Beginner's Guide

Reusable Components

BackButton

Badge

Button

Card

Checkbox

CollapsibleSidebar

ColorPicker

ColorPickerDropdown

Container

Dashboard

Dropdown

EmptyState

FormField

Grid

GridItem

Header

IconButton

ImageUpload

LazyImage

List

ListItem

Modal

PageHeader

ProgressBar

SelectField

SelectWithCustomInput

Sidebar

SidebarItem

Spinner

SplitPane

StatusMessage

TagInput

TextField

TextareaField

Toggle

VirtualList

backend

Authentication Guide

Database Guide

Payments Guide

reference

Important Links

Development Tips & Best Practices

MSDF Atlas Generator - Terminal Usage Guide

Troubleshooting Guide

cheatsheets

Coding Using Claude Code Agents

Database Operations

Electron Desktop App Guide

HTML

HTTP Methods & REST API

JavaScript

Markdown

Node.js + Express

Python

React + TypeScript

Tailwind CSS