• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
cobra0830

cobra0830

code

Public
Like
code
Home
Code
4
backend
3
frontend
4
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://cobra0830--832323d039fd11f0a2929e149126039e.web.val.run
README.md

Gemini Code Assist

An advanced, full-stack web application that uses Gemini AI API to help developers write, fix, and understand code with ease.

πŸ’‘ Core Features

  1. Code Generator - Generate complete code snippets in selected languages by describing the task in natural language
  2. Bug Fixing Assistant - Automatically detect and fix bugs in user-submitted code using Gemini's smart analysis
  3. Code Explainer - Understand unfamiliar code with AI-powered natural language explanations
  4. AI Chat Assistant - Chat with Gemini like a programming partner
  5. Prompt History - View all past queries and AI responses, stored locally
  6. Theme Switcher - Toggle between professional dark mode and clean light mode
  7. Smart Prompt System - Automatically structure and enhance user input for better accuracy
  8. Export Feature - Download generated code or explanations as files

🧰 Tech Stack

  • Frontend: React 18, TypeScript, TailwindCSS, Monaco Editor
  • Backend: Hono, TypeScript
  • AI: Gemini Pro API
  • Storage: Local storage for history, SQLite for backend data
  • Extras: File export, notifications, responsive design

πŸš€ Getting Started

  1. Set up your Gemini API key in environment variables as GEMINI_API_KEY
  2. The app will be available at the HTTP endpoint
  3. Start coding with AI assistance!

πŸ“ Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts           # Main Hono server
β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   β”œβ”€β”€ gemini.ts      # Gemini API integration
β”‚   β”‚   └── static.ts      # Static file serving
β”‚   └── database/
β”‚       └── queries.ts     # Database operations
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ index.html         # Main HTML template
β”‚   β”œβ”€β”€ index.tsx          # React entry point
β”‚   β”œβ”€β”€ components/        # React components
β”‚   └── styles/
β”œβ”€β”€ shared/
β”‚   └── types.ts           # Shared TypeScript types
└── README.md

Environment Variables

  • GEMINI_API_KEY - Your Google Gemini API key (required)

Usage

Navigate to the app and start using the various AI-powered coding features:

  • Generate code by describing what you need
  • Fix bugs by pasting problematic code
  • Get explanations for complex code snippets
  • Chat with the AI for coding help
  • Export your results and view your history
HTTP
  • index.ts
    cobra0830--83…9e.web.val.run
Code
backendfrontendsharedREADME.md
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.