tinazone/word-to-code

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. 1.Clone the repository:

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

1. 1.Set up your environment variables:
2. 2.Go to your HuggingFace Space's Settings tab
3. 3.Under "Repository Secrets", add a new secret:
4. 4.Name: GEMINI_API_KEY
5. 5.Value: Your Gemini API key from https://ai.google.dev/
6. 6.The secret will be securely passed to the container at runtime

1. 1.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. 1.Create a .env.local file in the root directory:

GEMINI_API_KEY=your_api_key_here

1. 1.Install dependencies:

npm install