Jotter
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.
index.ts
https://zoebee--079915b23f9811f0be1c76b3cceeab13.web.val.run
A simple and user-friendly notes app for remote workspaces.
A simple and user-friendly notes app for remote workspaces with smart labeling and organization.
- 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
- 🚨 Urgent - Needs immediate attention
- ⚡ High - Important tasks to complete soon
- 📋 Medium - Regular priority items
- 📝 Low - Nice to have or reference notes
- 🔥 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
├── 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
The app uses:
- Backend: Hono.js for API routes
- Frontend: React with TypeScript
- Database: SQLite for note storage
- Styling: TailwindCSS