Public
Like
1
tracey-mctraceface
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.
Viewing readonly version of main branch: v6View latest version
A creative web application that inverts the concept of tracing. Users draw simple sketches that are transformed by AI into rich, detailed artwork.
- Responsive Drawing Canvas: Low-latency drawing experience using the Ink API with Pointer Events fallback
- AI Image Generation: Powered by Google's Gemini 2.5 Flash Image Preview model
- Modern File Saving: Uses File System Access API with traditional download fallback
- Accessible Design: Full keyboard navigation and WCAG AA compliance
├── backend/
│ └── index.ts # Main API endpoint with Gemini integration
├── frontend/
│ ├── index.html # Main HTML template
│ ├── app.js # Main application logic
│ ├── components/
│ │ ├── drawing-canvas.js # Drawing canvas Web Component
│ │ └── control-panel.js # Control panel Web Component
│ └── style.css # Custom styles
└── README.md
- Set the
GEMINI_API_KEYenvironment variable in Val Town - The application will be available at the HTTP endpoint
- Frontend: Vanilla JavaScript with Web Components, Tailwind CSS
- Backend: Deno runtime on Val Town with Hono framework
- AI Model: Google Gemini 2.5 Flash Image Preview
- Canvas: HTML5 Canvas with optimized 2D context for low latency