Update README.md

README.md

@@ -1,12 +1,46 @@
 ---
-title: StablecogAPI
-emoji: 🏢
-colorFrom: red
-colorTo: gray
+title: StableCog Credit Monitor
+emoji: 🎨
+colorFrom: purple
+colorTo: indigo
 sdk: gradio
-sdk_version: 6.2.0
+sdk_version: 4.0.0
 app_file: app.py
 pinned: false
 ---
 
+# StableCog Credit Monitor 🎯
+
+A beautiful dashboard to monitor your StableCog API credits and plan image generation projects.
+
+## Features ✨
+- ✅ Real-time credit checking
+- ✅ Visual progress bar with color coding
+- ✅ Smart AI recommendations
+- ✅ Raw API response viewer
+- ✅ Error handling with troubleshooting tips
+- ✅ Auto-refresh on load
+- ✅ Mobile responsive design
+
+## Setup on Hugging Face Spaces 🚀
+
+1. **Fork this Space** or create a new Gradio Space
+2. **Add your API key:**
+   - Go to your Space's Settings → Secrets
+   - Add a new secret:
+     - Key: `STABLECOG_API_KEY`
+     - Value: `your_actual_stablecog_api_key`
+3. **The app will automatically:**
+   - Load your API key from secrets
+   - Display your credit status
+   - Provide usage recommendations
+
+## Local Development 💻
+```bash
+git clone [your-space-repo]
+cd [repo-name]
+pip install -r requirements.txt
+export STABLECOG_API_KEY="your_key_here"
+python app.py
+
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference