refactor: Migrate to Native React + MDX architecture

Removed Jupyter Book and Python build dependencies. Integrated MDX for content and react-py for client-side Python execution. Updated routing and build workflow.

Author: ConstCorrectness

.github/workflows/deploy.yml

@@ -23,20 +23,9 @@ jobs:
         with:
           node-version: '20'
 
-      - name: Set up uv
-        uses: astral-sh/setup-uv@v1
-        with:
-          uv-version: '0.2.10'
-
       - name: Install dependencies
         run: npm install
 
-      - name: Build Jupyter Book
-        run: npm run build:book
-
-      - name: Copy Jupyter Book to public
-        run: npm run copy:book
-
       - name: Build Vite application
         run: npm run build
 

GEMINI.md

@@ -1,54 +1,50 @@
-# Gemini Code Context: `const-correctness.github.io`
+# Gemini Code Context: `constcorrectness.github.io`
 
 This document provides context for the AI assistant to understand the structure, conventions, and purpose of this codebase.
 
 ## Project Overview
 
-This is a personal website and blog built with React, TypeScript, and Vite. It features interactive 3D elements using `three.js` and `react-three-fiber`, and hosts technical articles written in a Jupyter Book.
+This is a personal website and blog built with **React**, **TypeScript**, and **Vite**. It features interactive 3D elements using `three.js` and `react-three-fiber`, and technical articles written in **MDX**.
 
-- **Frontend**: A single-page application built with React and TypeScript, styled with Material-UI. The main application logic is in `src/App.tsx`.
-- **3D Graphics**: The site includes a 3D model viewer (`src/components/ModelViewer.tsx`) that displays a `.glb` model.
-- **Blog Content**: The technical articles are managed in the `jupyter-books` directory. These are converted to HTML using Jupyter Book and served as part of the React application.
+- **Frontend**: A single-page application built with React and TypeScript, styled with Material-UI.
+- **Routing**: Client-side routing is handled by `react-router-dom`.
+- **Blog**: 
+    - Content is written in `.mdx` files in `src/content/notes/`.
+    - Supports LaTeX math (via `rehype-katex`).
+    - Supports executable Python code blocks in the browser (via `react-py` / WebAssembly).
+- **3D Graphics**: `src/components/ModelViewer.tsx` displays `.glb` models.
 - **Deployment**: The site is deployed to GitHub Pages via a GitHub Actions workflow defined in `.github/workflows/deploy.yml`.
 
-## Building and Running the Project
+## Architecture
+
+- **`src/main.tsx`**: Entry point, wraps the app in `BrowserRouter`.
+- **`src/App.tsx`**: Defines the routes (`/`, `/notes`, `/notes/:slug`).
+- **`src/pages/`**: Top-level page components (Home, NotesList, NoteView).
+- **`src/components/PythonREPL.tsx`**: A component that runs Python code in the browser using WASM.
 
-The project uses `npm` for package management.
+## Building and Running the Project
 
 - **Install dependencies**:
   ```bash
   npm install
   ```
 
 - **Run the development server**:
-  Starts the Vite dev server at `http://localhost:5173`.
   ```bash
   npm run dev
   ```
 
 - **Build for production**:
-  This command transpiles the TypeScript and builds the Vite project.
   ```bash
   npm run build
   ```
 
-- **Build and serve the Jupyter Book**:
-  The Jupyter Book content needs to be built and copied to the `public` directory to be accessible by the Vite application.
-  ```bash
-  npm run build:book
-  npm run copy:book
-  ```
-
 - **Linting**:
-  This project uses ESLint for code linting.
   ```bash
   npm run lint
   ```
 
 ## Development Conventions
 
-- **Styling**: The project uses Material-UI for UI components. Styling is done via the `sx` prop.
-- **State Management**: Component-level state is managed with React hooks (`useState`).
-- **3D Models**: 3D models are stored in the `public/models` directory.
-- **Blog Posts**: Blog posts are written in Markdown (`.md`) or Jupyter Notebooks (`.ipynb`) in the `jupyter-books` directory. To create a new post, add a file to this directory and update the `_toc.yml` file.
-- **Proxy**: The Vite development server is configured with proxies in `vite.config.ts` to correctly serve the Jupyter Book content.
+- **Styling**: Material-UI for components. Custom CSS for code highlighting and math.
+- **Content**: To add a new blog post, create a `.mdx` file in `src/content/notes/` and add an entry to the list in `src/pages/NotesList.tsx`.