House Plan Designer

A web-based application for creating and editing house building plans.

Features

  • Draw walls, doors, windows, and other house elements
  • Add furniture and fixtures
  • Save and load your designs
  • Export designs as images

Project Structure

  • backend/index.ts - Main HTTP entry point and API routes
  • frontend/index.html - Main HTML template
  • frontend/app.js - Frontend JavaScript for the drawing application
  • frontend/styles.css - Styling for the application
  • shared/types.ts - Shared types between frontend and backend

How to Use

  1. Draw walls by clicking and dragging on the canvas
  2. Use the toolbar to select different elements (doors, windows, furniture)
  3. Save your design using the save button
  4. Load previous designs from the saved designs list

Technologies Used

  • Canvas API for drawing
  • Tailwind CSS for styling
  • Val Town's blob storage for saving designs