Prepare for HF Spaces deployment

.dockerignore

@@ -0,0 +1,12 @@
+node_modules
+dist
+.git
+.env
+.env.local
+.DS_Store
+Dockerfile
+nginx.conf
+README.md
+docs
+.vscode
+.idea

Dockerfile

@@ -0,0 +1,43 @@
+# Stage 1: Build the React Application
+FROM node:18-alpine AS builder
+
+WORKDIR /app
+
+# Copy dependency definitions
+COPY package.json package-lock.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy source code
+COPY . .
+
+# Build the project
+RUN npm run build
+
+# Stage 2: Serve with Python/Gradio
+FROM python:3.9-slim
+
+WORKDIR /app
+
+# Copy python requirements
+COPY requirements.txt .
+
+# Install python dependencies
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy the build artifacts from the builder stage
+COPY --from=builder /app/dist /app/dist
+
+# Copy the serving script
+COPY app.py .
+
+# Create a non-root user for security (optional but good practice for HF Spaces)
+RUN useradd -m -u 1000 user
+USER user
+
+# Expose the port HF Spaces expects
+EXPOSE 7860
+
+# Command to run the application
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

GEMINI.md

@@ -0,0 +1,66 @@
+# Text Transformer - Project Context
+
+## 1. Project Overview
+**Text Transformer** is a React-based web application designed for various text conversions (Morse Code, Leet Speak, Binary, Base64, Hex). It features a cyberpunk-themed UI and is built for speed and responsiveness.
+
+The project is currently undergoing a structured enhancement phase driven by an AI-augmented workflow ("Bmad" framework), with extensive architectural documentation and role-based planning.
+
+### Key Technologies
+*   **Frontend:** React 18, Vite 7, Tailwind CSS 3
+*   **Hosting:** Firebase Hosting
+*   **Testing:** Vitest (Unit), Playwright (E2E)
+*   **Languages:** JavaScript (JSX)
+*   **Documentation:** Markdown (located in `docs/`)
+
+## 2. Directory Structure
+*   `src/` - Application source code.
+    *   `components/` - React components for individual converters and UI elements.
+    *   `App.jsx` - Main application entry point and layout.
+*   `docs/` - **CRITICAL:** Contains the architectural roadmap, role definitions, and enhancement proposals.
+    *   `README.md` - Index of all documentation.
+    *   `quick-start-guide.md` - Implementation checklists.
+    *   `architecture-enhancement-proposal.md` - Technical vision.
+*   `.bmad/`, `.agent/`, `.agentvibes/` - Configuration for the AI agent framework managing the project.
+*   `public/` - Static assets.
+
+## 3. Development Workflow
+
+### Installation
+```bash
+npm install
+```
+
+### Development Server
+Starts the local development server using Vite.
+```bash
+npm run dev
+```
+Access at `http://localhost:5173`
+
+### Building
+Builds the project for production.
+```bash
+npm run build
+```
+
+### Testing
+Runs unit tests using Vitest.
+```bash
+npm run test
+```
+
+## 4. Architecture & Conventions
+*   **Component Structure:** Each converter is a separate component in `src/components/`, managed by `Tabs.jsx`.
+*   **State Management:** Currently uses local React state (`useState`) in `App.jsx`, with plans to migrate to Zustand (per docs).
+*   **Styling:** Utility-first CSS using **Tailwind CSS**.
+*   **Design System:** Cyberpunk aesthetic (black background, neon accents).
+
+## 5. Current Initiative (Enhancement Proposal)
+The project is executing an 8-week enhancement roadmap defined in `docs/executive-summary.md`.
+**Immediate Goals:**
+1.  CI/CD Setup.
+2.  Accessibility improvements (ARIA labels).
+3.  New Converters (Upside Down, Zalgo).
+4.  Refactoring CSS to optimal Tailwind patterns.
+
+Refer to `docs/quick-start-guide.md` for specific implementation tasks.

README.md

@@ -0,0 +1,12 @@
+---
+title: Text Transformer
+emoji: 🤖
+colorFrom: blue
+colorTo: purple
+sdk: docker
+app_port: 7860
+---
+
+# Text Transformer
+
+A React-based text conversion tool (Morse, Binary, Leet Speak, etc.) deployed on Hugging Face Spaces using Docker.

app.py

@@ -0,0 +1,20 @@
+import gradio as gr
+from fastapi import FastAPI
+from fastapi.staticfiles import StaticFiles
+import os
+
+# Create the FastAPI app
+app = FastAPI()
+
+# Mount the static files (the built React app)
+# We expect the build output to be in a 'dist' directory
+app.mount("/", StaticFiles(directory="dist", html=True), name="static")
+
+# If we wanted to add a specific Gradio interface alongside the React app, we could do:
+# io = gr.Interface(lambda x: "Hello " + x, "text", "text")
+# app = gr.mount_gradio_app(app, io, path="/gradio")
+
+# But for this request, we are primarily serving the containerized React app.
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=7860)

requirements.txt

@@ -0,0 +1,3 @@
+gradio
+fastapi
+uvicorn