Set up React + TypeScript development environment for GitHub Pages

[Roystbeef]

Summary

This PR transforms the Figma-exported .tsx files into a complete React + TypeScript development environment ready for GitHub Pages deployment.

🚀 Key Changes Made

• Complete Development Setup: Added package.json with React 18, TypeScript, Vite, and all necessary UI dependencies
• Build System: Configured Vite with TypeScript support and GitHub Pages deployment path
• Styling: Set up Tailwind CSS with proper configuration and Radix UI components
• Code Quality: Added ESLint configuration for React + TypeScript with proper linting rules
• Import Fixes: Replaced motion/react with framer-motion and fixed all versioned package imports
• Project Structure: Created proper entry points (index.html, main.tsx) and configuration files
• Automation: Included terragon-setup.sh script for easy project setup

📁 Files Added/Modified

• package.json - Complete dependency and script configuration
• vite.config.ts - Build system configuration with GitHub Pages support
• tsconfig.json + related - TypeScript configuration
• tailwind.config.js - Tailwind CSS setup
• eslint.config.js - Code quality configuration
• index.html + main.tsx - Application entry points
• terragon-setup.sh - Setup automation script
• styles/globals.css - Added Tailwind directives
• .gitignore - Proper exclusions for Node.js projects

🛠️ Manual Steps Required

GitHub Actions Workflow: Due to permission restrictions, you'll need to manually create .github/workflows/deploy.yml:

name: Deploy to GitHub Pages

on:
  push:
    branches: [ main ]
  pull_request:
    branches: [ main ]

permissions:
  contents: read
  pages: write
  id-token: write

concurrency:
  group: "pages"
  cancel-in-progress: false

jobs:
  build:
    runs-on: ubuntu-latest
    
    steps:
    - name: Checkout
      uses: actions/checkout@v4
      
    - name: Setup Node.js
      uses: actions/setup-node@v4
      with:
        node-version: '18'
        cache: 'npm'
        
    - name: Install dependencies
      run: npm ci
      
    - name: Build
      run: npm run build
      
    - name: Setup Pages
      uses: actions/configure-pages@v4
      
    - name: Upload artifact
      uses: actions/upload-pages-artifact@v3
      with:
        path: './dist'

  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    needs: build
    if: github.ref == 'refs/heads/main'
    
    steps:
    - name: Deploy to GitHub Pages
      id: deployment
      uses: actions/deploy-pages@v4

🎯 Test Plan

• Package installation works (npm install)
• Development server starts (npm run dev)
• Production build succeeds (npm run build)
• Linting passes (npm run lint)
• All TypeScript errors resolved
• Setup script works (./terragon-setup.sh)
• Manual testing of GitHub Actions workflow
• GitHub Pages deployment verification

🌐 Next Steps

1. Merge this PR to main
2. Add the GitHub Actions workflow file manually
3. Enable GitHub Pages in repository settings
4. Set Pages source to "GitHub Actions"

🤖 Generated with Claude Code