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

vishuu6969696969

taskswap

Public
Like
taskswap
Home
Code
4
backend
3
frontend
5
shared
2
README.md
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

TaskSwap - Decentralized Task Bartering App

A peer-to-peer platform where users exchange skills and tasks without money. Trade "I'll write your email if you solve this Excel issue for me" style exchanges with a token-based fairness system.

Features

  • User Authentication & Profiles: Create profiles highlighting skills and expertise
  • Task Creation & Discovery: Post tasks with detailed requirements and browse available opportunities
  • Token-Based Bartering: Fair exchange system ensuring balanced trades
  • Direct Messaging: Communicate with other users to discuss task details
  • Completion Verification: Rating system for completed exchanges
  • Community Feed: Showcase successful exchanges and build trust

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts    # Database schema
β”‚   β”‚   └── queries.ts       # Database operations
β”‚   β”œβ”€β”€ routes/
β”‚   β”‚   β”œβ”€β”€ auth.ts         # Authentication endpoints
β”‚   β”‚   β”œβ”€β”€ tasks.ts        # Task CRUD operations
β”‚   β”‚   β”œβ”€β”€ users.ts        # User management
β”‚   β”‚   β”œβ”€β”€ messages.ts     # Direct messaging
β”‚   β”‚   └── static.ts       # Static file serving
β”‚   └── index.ts            # Main Hono app
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx         # Main application
β”‚   β”‚   β”œβ”€β”€ TaskCard.tsx    # Task display component
β”‚   β”‚   β”œβ”€β”€ UserProfile.tsx # User profile component
β”‚   β”‚   └── MessageThread.tsx # Messaging component
β”‚   β”œβ”€β”€ index.html          # Main HTML template
β”‚   β”œβ”€β”€ index.tsx           # Frontend entry point
β”‚   └── style.css           # Global styles
└── shared/
    β”œβ”€β”€ types.ts            # Shared TypeScript types
    └── utils.ts            # Shared utility functions

Tech Stack

  • Backend: Hono (TypeScript API framework)
  • Frontend: React 18.2.0 with TypeScript
  • Database: SQLite with Val Town's sqlite service
  • Styling: TailwindCSS with custom design system
  • Authentication: Simple token-based auth

Design System

  • Colors: Teal primary (#0D9488), Purple accent (#9333EA), Orange highlight (#F97316)
  • Typography: Inter font with 3 weights
  • Spacing: 8px base system
  • Components: Apple-inspired minimalism with intentional white space

Getting Started

  1. The app runs on Val Town's platform
  2. Database tables are auto-created on first run
  3. Visit the app URL to start using TaskSwap
  4. Create a profile and start posting or browsing tasks

Token System

  • New users start with 10 tokens
  • Posting a task costs tokens based on complexity
  • Completing tasks earns tokens
  • System prevents token hoarding and ensures fair exchanges
Code
backendfrontendsharedREADME.md
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.