townie-example
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.
index.ts
https://stevekrouse--87d7515048b44bf9bd3039863f948b87.web.val.run
A modern, responsive website for a clothing company specializing in exclusively purple apparel.
├── backend/
│ └── index.ts # Main Hono server with API routes
├── frontend/
│ ├── index.html # Main HTML template
│ ├── index.tsx # React frontend entry point
│ ├── components/
│ │ ├── App.tsx # Main app component
│ │ ├── Header.tsx # Navigation header
│ │ ├── Hero.tsx # Hero section
│ │ ├── ProductGrid.tsx # Product showcase
│ │ └── Footer.tsx # Footer component
│ └── style.css # Custom styles
└── shared/
└── types.ts # Shared TypeScript types
## Features
- Modern, responsive design with purple theme
- Product showcase grid
- Company information
- Contact section
- Mobile-friendly navigation
## Tech Stack
- Backend: Hono (TypeScript)
- Frontend: React 18.2.0 + TailwindCSS
- Styling: TailwindCSS via CDN
- Icons: Unicode symbols and emojis
## Development
The main entry point is `backend/index.ts` which serves the React frontend and handles API routes.