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

Llad

Gardenon

Garden mapping or planning
Public
Like
1
Gardenon
Home
Code
3
frontend
1
README.md
H
index.ts
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
/
README.md
Code
/
README.md
Search
5/19/2025
Viewing readonly version of main branch: v16
View latest version
README.md

Garden Mapper

A Val Town application for mapping your garden and tracking information about each plant.

Features

  • Interactive garden map interface
  • Add plants with specific coordinates and diameters
  • Store notes and information about each plant
  • Edit and delete existing plants
  • Visual representation of plants on the map
  • Mobile-friendly with touch support

API Endpoints

The application provides the following RESTful API endpoints:

GET /api/plants

Returns a list of all plants in the garden.

GET /api/plants/:id

Returns details for a specific plant by ID.

POST /api/plants

Creates a new plant. Required fields:

  • x_coordinate: X position on the map
  • y_coordinate: Y position on the map
  • diameter: Size of the plant in pixels

Optional fields:

  • name: Name of the plant
  • notes: Additional information about the plant

PUT /api/plants/:id

Updates an existing plant. All fields are optional.

DELETE /api/plants/:id

Removes a plant from the garden.

Database Schema

The application uses SQLite with the following schema:

CREATE TABLE garden_plants ( id INTEGER PRIMARY KEY AUTOINCREMENT, x_coordinate REAL NOT NULL, y_coordinate REAL NOT NULL, diameter REAL NOT NULL, name TEXT, notes TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP )

Usage

  1. Tap "Add Plant" to start adding a new plant
  2. Tap on the map to place the plant at that location
  3. Fill in the plant details form and tap "Save Plant"
  4. Tap on existing plants to edit their details
  5. Use the plant list on the right to quickly find and select plants

Technologies Used

  • Hono.js for the API backend
  • SQLite for data storage
  • Vanilla JavaScript for the frontend
  • Twind for styling
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
ExploreDocsShowcaseTemplatesNewestTrendingAPI 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.