Poster Shop - Shopify Store

A Val Town project for a Shopify-based poster store, inspired by Printique. This project provides a complete solution for selling poster products online.

Project Structure

├── backend/
│   ├── index.ts             # Main API entry point with Hono
│   ├── shopify.ts           # Shopify API integration
│   └── routes/              # API route handlers
├── frontend/
│   ├── components/          # React components
│   ├── index.html           # Main HTML template
│   ├── index.tsx            # Frontend entry point
│   └── style.css            # Additional styles beyond Tailwind
└── shared/
    └── types.ts             # Shared TypeScript types

Features

  • Product catalog display
  • Shopping cart functionality
  • Checkout integration with Shopify
  • Responsive design for all devices
  • Product filtering and search

Technologies

  • Backend: Hono framework on Val Town
  • Frontend: React with Tailwind CSS
  • Data: Shopify API integration
  • Deployment: Val Town HTTP trigger

Setup

  1. Set up your Shopify store and obtain API credentials
  2. Add your Shopify API key and secret as environment variables in Val Town
  3. Deploy the Val and access your store!