This project displays the latest public vals (projects) on Val Town. It uses the Val Town API to fetch the latest vals and displays them in a clean, responsive interface.

• Displays the latest public vals on Val Town
• Shows val details including name, description, author, and creation date
• Pagination support to browse through all vals
• Responsive design that works on mobile and desktop
• Direct links to view vals on Val Town

• Backend: Hono.js running on Deno (Val Town's runtime)
• Frontend: React with Tailwind CSS (via Twind)
• API: Val Town's public API

├── backend/
│   └── index.ts             # API endpoint to fetch vals
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React component
│   │   ├── ValList.tsx      # Component to display list of vals
│   │   └── ValCard.tsx      # Component to display a single val
│   ├── index.html           # Main HTML template
│   └── index.tsx            # React entry point
├── README.md
└── shared/
    └── types.ts             # Shared TypeScript types

1. The backend API endpoint fetches the latest vals from Val Town's API
2. The frontend displays these vals in a responsive grid layout
3. Users can navigate through pages of vals using the pagination controls

This project is designed to run on Val Town. Simply import it and run it as an HTTP val.

• https://docs.val.town/openapi#tag/beta/POST/v1/projects
• https://www.val.town/v/stevekrouse/getShowcaseVals