Gardenon
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: v30View latest version
A Val Town application for mapping your garden and tracking information about each plant.
- 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
- Admin panel for database management and inspection
The application provides the following RESTful API endpoints:
Returns a list of all plants in the garden.
Returns details for a specific plant by ID.
Creates a new plant. Required fields:
x_coordinate: X position on the mapy_coordinate: Y position on the mapdiameter: Size of the plant in pixels
Optional fields:
name: Name of the plantnotes: Additional information about the plant
Updates an existing plant. All fields are optional.
Removes a plant from the garden.
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
)
- Tap anywhere on the map to open the edit form and add a new plant at that location
- Fill in the plant details form and tap "Save Plant"
- Tap on existing plants to edit their details
- Use the plant list on the right to quickly find and select plants
- Access the admin panel by clicking "Admin Panel" in the header to view database contents
- Hono.js for the API backend
- SQLite for data storage
- Vanilla JavaScript for the frontend
- Twind for styling