FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
Arthur88
Arthur88reactHonoStarter
Remix of std/reactHonoStarter
Public
Like
reactHonoStarter
Home
Code
4
backend
1
frontend
3
shared
3
README.md
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 milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/15/2025
Viewing readonly version of main branch: v18
View latest version
README.md

Pi - Personal AI Assistant

This is a personal AI assistant app built with React and Hono on Val Town. It provides a clean, minimalist chat interface for interacting with an AI assistant named Pi.

Features

  • Chat interface with message history
  • OpenAI integration for AI responses
  • Clean, minimalist design
  • Mobile-responsive layout
  • Persistent message history using Val Town's blob storage
  • Conversation context for more coherent responses

Project Structure

  • Backend: /backend/index.ts - Handles API requests and serves frontend assets

    • OpenAI integration for chat completions
    • API endpoint for chat messages
    • Message history persistence using blob storage
    • Conversation context management
  • Frontend:

    • /frontend/index.html - Main HTML template
    • /frontend/index.tsx - Client-side entry point
    • /frontend/components/App.tsx - React app with chat interface

How to Use

  1. Type your message in the input field at the bottom
  2. Press Enter or click the send button to send your message
  3. Pi will respond with a thoughtful answer
  4. Your conversation history is automatically saved
  5. Use the trash icon to clear your conversation history

Technical Details

  • Uses OpenAI's GPT model for generating responses
  • Built with React for the frontend and Hono for the backend
  • Styled with inline CSS for simplicity
  • Uses Val Town's blob storage for message persistence
  • Maintains conversation context for more coherent responses

Future Improvements

  • Implement voice input functionality
  • Add user authentication
  • Enhance the AI with custom knowledge or personality
  • Add message search functionality
  • Support for image uploads and processing
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesCLIAI agentsCode intelligenceSlack integrationsGTMPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.