FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
zoebee
zoebeeJotter
Workflow app for random notes. Doesnt have to important.
Public
Like
Jotter
Home
Code
5
backend
3
frontend
3
shared
1
README.md
main.tsx
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 miliseconds.
Sign up now
Code
/
Code
/
Search
index.ts
https://zoebee--079915b23f9811f0be1c76b3cceeab13.web.val.run
README.md

Jotter

A simple and user-friendly notes app for remote workspaces.

Jotter

A simple and user-friendly notes app for remote workspaces with smart labeling and organization.

Features

  • Clean, minimal interface - Distraction-free note-taking
  • Smart labeling system - Organize notes by importance and time frame
  • Priority levels - Low, Medium, High, Urgent with visual indicators
  • Time frame tracking - Today, This Week, This Month, Later, No Deadline
  • Completion tracking - Mark notes as done/todo with visual feedback
  • Real-time note editing - Auto-save functionality
  • Advanced filtering - Filter by priority, time frame, and completion status
  • Search functionality - Find notes quickly by title or content
  • Responsive design - Works great on all screen sizes

Priority System

  • 🚨 Urgent - Needs immediate attention
  • ⚑ High - Important tasks to complete soon
  • πŸ“‹ Medium - Regular priority items
  • πŸ“ Low - Nice to have or reference notes

Time Frame Options

  • πŸ”₯ Today - Must be done today
  • πŸ“… This Week - Complete within the week
  • πŸ“† This Month - Monthly goals and tasks
  • πŸ• Later - Future items to revisit
  • ♾️ No Deadline - Reference notes and ideas

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts             # Main API server
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts    # Database schema
β”‚   β”‚   └── queries.ts       # Database operations
β”‚   └── routes/
β”‚       └── notes.ts         # Notes API endpoints
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ index.html           # Main HTML template
β”‚   β”œβ”€β”€ index.tsx            # Frontend entry point
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx          # Main app component
β”‚   β”‚   β”œβ”€β”€ NotesList.tsx    # Notes sidebar
β”‚   β”‚   β”œβ”€β”€ NoteEditor.tsx   # Note editing area
β”‚   β”‚   └── SearchBar.tsx    # Search functionality
β”‚   └── style.css            # Custom styles
└── shared/
    └── types.ts             # Shared TypeScript types

Development

The app uses:

  • Backend: Hono.js for API routes
  • Frontend: React with TypeScript
  • Database: SQLite for note storage
  • Styling: TailwindCSS
HTTP
  • index.ts
    zoebee--07…13.web.val.run
Code
backendfrontendsharedREADME.mdmain.tsx
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.