FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Mac4
Mac4untitled-5794
Public
Like
untitled-5794
Home
Code
5
backend
3
frontend
3
shared
2
README.md
H
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
https://Mac4--6e16acec3fb511f09d8776b3cceeab13.web.val.run
README.md

Saint Benedict Joseph (SBJ) - Apartment Search App

A comprehensive apartment search application that helps users find and save their ideal rental properties.

Features

  • User Authentication: Secure login and registration system
  • Location-based Search: Search apartments by city, state, or zip code
  • Advanced Filters: Filter by price, bedrooms, bathrooms, and amenities
  • Detailed Listings: View photos, descriptions, pricing, and amenities
  • Interactive Map: See apartment locations on an integrated map
  • Favorites System: Save and manage favorite apartment listings
  • Responsive Design: Mobile-first design that works on all devices

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema setup
│   │   └── queries.ts       # Database query functions
│   ├── routes/
│   │   ├── auth.ts         # Authentication endpoints
│   │   ├── apartments.ts   # Apartment CRUD operations
│   │   ├── users.ts        # User management
│   │   └── static.ts       # Static file serving
│   └── index.ts            # Main API entry point
├── frontend/
│   ├── components/
│   │   ├── App.tsx         # Main application component
│   │   ├── Auth/           # Authentication components
│   │   ├── Search/         # Search and filter components
│   │   ├── Listings/       # Apartment listing components
│   │   └── Map/            # Map integration components
│   ├── index.html          # Main HTML template
│   ├── index.tsx           # Frontend entry point
│   └── style.css           # Application styles
└── shared/
    ├── types.ts            # Shared TypeScript interfaces
    └── utils.ts            # Shared utility functions

Technology Stack

  • Backend: Hono.js (lightweight web framework)
  • Database: SQLite (Val Town hosted)
  • Frontend: React with TypeScript
  • Styling: TailwindCSS
  • Maps: Integrated mapping service
  • Authentication: JWT-based auth system

Getting Started

  1. The backend API is accessible at the root URL
  2. All frontend assets are served from /frontend/
  3. The app includes sample apartment data for testing
  4. User authentication is required for saving favorites

API Endpoints

  • POST /api/auth/register - User registration
  • POST /api/auth/login - User login
  • GET /api/apartments/search - Search apartments
  • GET /api/apartments/:id - Get apartment details
  • POST /api/users/favorites - Add/remove favorites
  • GET /api/users/favorites - Get user favorites

Environment Variables

No external API keys required - the app uses mock data and built-in services.

HTTP
  • index.ts
    Mac4--54…13.web.val.run
  • App.tsx
    Mac4--6e…13.web.val.run
  • index.tsx
    Mac4--60…13.web.val.run
  • main.tsx
    Mac4--7b…13.web.val.run
Code
backendfrontendsharedREADME.md
H
main.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.