README.md

metadata

title: Word to Code - Visual Code Sketch Generator
emoji: 🎨
colorFrom: blue
colorTo: purple
sdk: docker
sdk_version: 3.0.0
app_port: 3000
pinned: false

Word to Code

This is a Next.js project that transforms natural language descriptions into visual code sketches.

Built by: Tina Tarighian Designed by: Jocelyn Zhao

🤗 HuggingFace Space Setup

1. Clone the repository:

git clone https://huggingface.co/spaces/tinazone/word-to-code
cd word-to-code

2. Set up your environment variables:

   • Go to your HuggingFace Space's Settings tab
   • Under "Repository Secrets", add a new secret:
     • Name: GEMINI_API_KEY
     • Value: Your Gemini API key from https://ai.google.dev/
   • The secret will be securely passed to the container at runtime

3. Make your changes and push them back:

git add .
git commit -m "Update space"
git push

Note: When pushing, use a HuggingFace access token with write permissions as your password. Generate one from: https://huggingface.co/settings/tokens

🎨 Space Configuration

Local Development

1. Create a .env.local file in the root directory:

GEMINI_API_KEY=your_api_key_here

2. Install dependencies:

npm install