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

Jassy

untitled-4247

Public
Like
untitled-4247
Home
Code
4
backend
2
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 milliseconds.
Sign up now
Code
/
Code
/
Search
README.md

Expense Tracker App

A full-featured expense tracking application built with React, Hono, and SQLite.

Features

  • User Authentication: Sign up, log in, and log out
  • Dashboard: Summary of total income, expenses, and current balance
  • Transaction Management: Add income/expense entries with amount, category, date, and description
  • Filtering & Search: Filter by type, date range, or category
  • Monthly Budgeting: Set monthly budgets and track remaining amounts
  • Data Visualization: Pie and bar charts for spending analysis
  • Mobile-Friendly: Responsive design for all devices

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   ├── routes/
│   │   ├── auth.ts         # Authentication routes
│   │   ├── transactions.ts # Transaction CRUD
│   │   ├── budgets.ts      # Budget management
│   │   └── static.ts       # Static file serving
│   └── index.ts            # Main server entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx         # Main app component
│   │   ├── Auth/           # Authentication components
│   │   ├── Dashboard/      # Dashboard components
│   │   ├── Transactions/   # Transaction management
│   │   └── Charts/         # Data visualization
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # Frontend entry point
│   └── style.css           # Global styles
└── shared/
    └── types.ts            # Shared TypeScript types

Tech Stack

  • Frontend: React 18.2.0 with TypeScript
  • Backend: Hono framework
  • Database: SQLite
  • Styling: TailwindCSS
  • Charts: Chart.js
  • Authentication: Session-based with secure cookies

Getting Started

The app is automatically deployed on Val Town. Access the main endpoint to start using the expense tracker.

API Endpoints

  • POST /api/auth/signup - User registration
  • POST /api/auth/login - User login
  • POST /api/auth/logout - User logout
  • GET /api/auth/me - Get current user
  • GET /api/transactions - Get user transactions
  • POST /api/transactions - Create transaction
  • PUT /api/transactions/:id - Update transaction
  • DELETE /api/transactions/:id - Delete transaction
  • GET /api/budgets - Get user budgets
  • POST /api/budgets - Create/update budget
  • GET /api/dashboard - Get dashboard summary
Code
backendsharedREADME.mdmain.tsx
FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI 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.