• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
MRPRRSIDENT

MRPRRSIDENT

Paymentsys

Website that can transact
Public
Like
Paymentsys
Home
Code
4
backend
1
shared
1
README.md
main.ts
Environment variables
Branches
1
Pull requests
Remixes
History
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
/
README.md
Code
/
README.md
Search
12/11/2025
Viewing readonly version of main branch: v5
View latest version
README.md

The Trade In Trainer Corner πŸ‘Ÿ

A Gen Z-style marketplace for second-hand trainers with integrated payment processing and feedback system.

Features

  • πŸ›’ Browse and purchase second-hand trainers
  • πŸ’³ Secure payment processing (Visa/Mastercard via Stripe)
  • πŸ“Έ Admin area for posting trainers with photo links
  • πŸ’¬ Customer feedback system
  • πŸ“± Mobile-first responsive design
  • 🎨 Gen Z aesthetic with vibrant colors and modern UI

Project Structure

β”œβ”€β”€ backend/
β”‚   β”œβ”€β”€ index.ts           # Main Hono server
β”‚   β”œβ”€β”€ database/
β”‚   β”‚   β”œβ”€β”€ migrations.ts  # Database schema
β”‚   β”‚   └── queries.ts     # Database operations
β”‚   └── routes/
β”‚       β”œβ”€β”€ trainers.ts    # Trainer CRUD operations
β”‚       β”œβ”€β”€ payments.ts    # Stripe payment processing
β”‚       └── feedback.ts    # Customer feedback
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ index.html         # Main page
β”‚   β”œβ”€β”€ admin.html         # Admin panel for posting trainers
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ App.tsx        # Main React app
β”‚   β”‚   β”œβ”€β”€ TrainerCard.tsx
β”‚   β”‚   β”œβ”€β”€ PaymentModal.tsx
β”‚   β”‚   └── FeedbackForm.tsx
β”‚   └── style.css          # Custom styles
└── shared/
    └── types.ts           # Shared TypeScript types

Setup

  1. Set environment variables:

    • STRIPE_SECRET_KEY - Your Stripe secret key
    • STRIPE_PUBLISHABLE_KEY - Your Stripe publishable key
  2. The database will be automatically initialized on first run.

Tech Stack

  • Backend: Hono + SQLite
  • Frontend: React + TailwindCSS
  • Payments: Stripe
  • Storage: Val Town Blob + SQLite
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
Β© 2026 Val Town, Inc.