akhaliq/anycoder

AnyCoder - AI Code Generator with React Frontend

AnyCoder is a full-stack AI-powered code generator with a modern React/TypeScript frontend and FastAPI backend. Generate applications by describing them in plain English, with support for multiple AI models and one-click deployment to Hugging Face Spaces.

🎨 Features

• —Modern React UI: Apple-inspired design with VS Code layout
• —Real-time Streaming: Server-Sent Events for live code generation
• —Multi-Model Support: MiniMax M2, DeepSeek V3, and more via HuggingFace InferenceClient
• —Multiple Languages: HTML, Gradio, Streamlit, React, Transformers.js, ComfyUI
• —Authentication: HuggingFace OAuth + Dev mode for local testing
• —One-Click Deployment: Deploy generated apps directly to HF Spaces

🏗️ Architecture

anycoder/
├── backend_api.py           # FastAPI backend with streaming
├── frontend/                # Next.js React frontend
│   ├── src/
│   │   ├── app/            # Pages (page.tsx, layout.tsx, globals.css)
│   │   ├── components/     # React components
│   │   ├── lib/            # API client, auth utilities
│   │   └── types/          # TypeScript types
│   └── package.json
├── requirements.txt        # Python dependencies
├── Dockerfile              # Docker Space configuration
└── start_fullstack.sh      # Local development script

🚀 Quick Start

Local Development

1. 1.Backend:

export HF_TOKEN="your_huggingface_token"
export GEMINI_API_KEY="your_gemini_api_key"
python backend_api.py

1. 1.Frontend (new terminal):

cd frontend
npm install
npm run dev

1. 1.Open http://localhost:3000

Using start script:

export HF_TOKEN="your_token"
export GEMINI_API_KEY="your_gemini_api_key"
./start_fullstack.sh

🐳 Docker Space Deployment

This app runs as a Docker Space on HuggingFace. The Dockerfile:

• —Builds the Next.js frontend
• —Runs FastAPI backend on port 7860
• —Uses proper user permissions (UID 1000)
• —Handles environment variables securely

🔑 Authentication

• —Dev Mode (localhost): Mock login for testing
• —Production: HuggingFace OAuth with manage-repos scope

📝 Supported Languages

• —html - Static HTML pages
• —gradio - Python Gradio apps
• —streamlit - Python Streamlit apps
• —react - React/Next.js apps
• —transformers.js - Browser ML apps
• —comfyui - ComfyUI workflows

🤖 Available Models

The following models are currently supported and used by AnyCoder:

models:

• —MiniMaxAI/MiniMax-M2.5
• —zai-org/GLM-5
• —Qwen/Qwen3-Coder-Next
• —moonshotai/Kimi-K2.5
• —zai-org/GLM-4.7-Flash
• —zai-org/GLM-4.7
• —MiniMaxAI/MiniMax-M2.1
• —zai-org/GLM-4.6
• —zai-org/GLM-4.6V
• —deepseek-ai/DeepSeek-V3
• —deepseek-ai/DeepSeek-R1
• —MiniMaxAI/MiniMax-M2
• —moonshotai/Kimi-K2-Thinking

🎯 Usage

1. 1.Sign in with HuggingFace (or use Dev Login locally)
2. 2.Select a language and AI model
3. 3.Describe your app in the chat
4. 4.Watch code generate in real-time
5. 5.Click 🚀 Deploy to publish to HF Spaces

🛠️ Environment Variables

• —HF_TOKEN - HuggingFace API token (required)
• —GEMINI_API_KEY - Google Gemini API key (required for Gemini 3 Pro Preview)
• —POE_API_KEY - Poe API key (optional, for GPT-5 and Claude models)
• —DASHSCOPE_API_KEY - DashScope API key (optional, for Qwen models)
• —OPENROUTER_API_KEY - OpenRouter API key (optional, for Sherlock models)
• —MISTRAL_API_KEY - Mistral API key (optional, for Mistral models)

📦 Tech Stack

Frontend:

• —Next.js 14
• —TypeScript
• —Tailwind CSS
• —Monaco Editor

Backend:

• —FastAPI
• —HuggingFace Hub
• —Server-Sent Events (SSE)

📄 License

MIT