Loading page
出品者：sage w.
TypeScript React frontend built with Vite and Tailwind CSS, featuring a photographer portfolio with navigation, hero section, image gallery, about page with statistics, and a contact form with client-side validation. Includes smart loading states, error handling, and responsive design optimized for all devices. Licensed under Tetrees License.
Frontend WR1J is a TypeScript-based React single-page application built with Vite, Tailwind CSS, and PostCSS. It serves as a professional portfolio website for photographer Elena Marsh, featuring a complete layout with navigation, hero section, gallery, about section, contact form, and footer. The application includes a custom loading screen with error handling and real-time error reporting to parent windows.
loading="lazy" and decoding="async" attributesnpm install
npm run dev
Starts the Vite development server. The app will be available at http://localhost:5173 (or the next available port).
npm run build
Compiles TypeScript and creates an optimized production build in the dist/ directory.
npm run preview
Serves the production build locally for testing.
npm run lint
Runs ESLint on all TypeScript and TSX files with strict configuration.
index.html — Entry point with custom loading screen, error handlers, and root div for React mountingsrc/main.tsx — React application entry pointsrc/App.tsx — Root component orchestrating all page sectionssrc/components/ — Modular components:
Nav.tsx — Navigation barHero.tsx — Hero banner sectionGallery.tsx — Image galleryAbout.tsx — Photographer biography with statisticsContact.tsx — Contact form with validationFooter.tsx — Footer sectionThe loading screen displays a branded spinner and "Building your app…" message. It automatically removes itself once React mounts content to the root div, or displays an error if loading exceeds 60 seconds.
Global error listeners catch:
Errors are displayed in a formatted overlay and posted to the parent window via postMessage for integration with TetreesAI preview environment.
The form includes:
Tetrees License
隔離されたサンドボックスを起動しサーバー側で実行 — ローカル設定不要。
サンドボックス検証が完了し、検出された実行経路は合格しました。
This React web app completed archive review with strong static results. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately. Final verified scores after isolated runtime evidence: overall 8.3 and security 9.
Deterministic AVCP artifact review
パイプライン avcp-2026-08-04.1 · SHA-256 eec192806727e951…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
レビュー日 2026年8月7日
完全なインストールガイドと統合プロンプトは購入後に解放されます。
この製品をお使いのAI IDE・Webビルダー・クラウドIDEに直接取り込みます。
Tetreesを対応AI IDEに接続し、所有製品の一覧取得と検証済みZIPの取得を、販売者のアップロード権限を公開せずに行えます。
レビュー 24件
Saved me a ton of time. Used this game source to launch my game and it cut days off the build. No regrets.
Shipped with this same week. As someone who launches these all day, setup was a single command and it ran first try.
Great starting point. Dropped "Photography Portfolio Design Template" straight into the game; examples matched the actual API, which is rare.
Really solid work. Dropped this game source straight into the game; examples matched the actual API, which is rare.
Really solid work. Used "Photography Portfolio Design Template" to launch my game and it cut days off the build. Already using it in production.
Rock solid so far. Picked up "Photography Portfolio Design Template" for a client game — TypeScript types are actually accurate, no fighting the compiler. Minor tweaks needed for my use case but nothing broke.
Punches well above its price. Picked up this game source for a client game — Setup was a single command and it ran first try. No regrets.
Better than I expected. Used this game source to launch my game and it cut days off the build. Highly recommend.
Exactly what I needed. Picked up "Photography Portfolio Design Template" for a client game — The code is readable and the structure makes sense. Will definitely check their other products.
Shipped with this same week. Dropped this game source straight into the game; the walkthrough got me running in minutes.
Sign in to join the discussion
Loading discussion…