作りたいものを説明してウェブサイトやアプリを作成

小規模な翻訳スタジオ向けの顧客依頼ポータルを作成してください。顧客は言語の組み合わせ、期限、メモを添えて案件を提出し、進捗を確認します。スタッフは翻訳者を割り当て、状態を受付済み、作業中、納品済みに変更します。架空のデータ、PostgreSQLバックエンド、ログイン、顧客とスタッフ別の権限を使ってください。明快なレスポンシブ画面と設定手順を提供してください。

次の機能を含めてください：
- 会話で画面、フォーム、ナビゲーションを作成・調整
- データベース、ログイン、サーバー側のアクセス制御を追加
- ライブプレビューを確認し、追加の依頼で各操作を改善
- プロジェクトを公開し、自分のアカウントで外部サービスを接続
- 生成されたソースコードを確認し、エクスポートして自分のツールで開発を継続

画面の経路、データモデル、操作を備えた動作するプロジェクト全体を作成してください。保存・非公開データには永続化、認証、サーバー側の権限を実装し、API認証情報はサーバーで管理してください。外部サービスの設定を文書化し、実アカウント接続まではテストモードを使います。模擬連携を実接続完了と表示しないでください。

画面サイズに対応し、分かりやすいラベル、キーボード操作、見えるフォーカスを備えてください。読み込み中、空、入力検証、エラーの状態を用意します。サンプルデータを明示し、顧客の評価や成果を捏造しないでください。プロジェクトに適したデザインを選び、文字、余白、操作部品を統一します。実行、テスト、コードの書き出し、公開方法を説明してください。

次の一連の操作を検証してください：
顧客を2人とスタッフアカウントを作成します。依頼を提出・割り当てし、状態を変更して再ログインし、保存を確認します。APIへの直接リクエストでも各顧客が自分の依頼だけを読めること、スタッフ専用操作がサーバー側で保護されていることを検証します。