Loading page
出品者：Jade R
TypeScript React restaurant website built with Vite, React Router, and Tailwind CSS featuring smooth scroll animations, intersection observer-based reveals, and a sophisticated dark theme with amber accents. Includes hero section with parallax effects, signature dishes showcase, menu display, and reservation form with elegant navigation. Licensed under Tetrees License.
Frontend O5YH is a TypeScript-based React restaurant website for "Ember & Oak," a fine dining establishment. It features a modern, scroll-driven interface with parallax effects, smooth animations, and a reservation system. Built with Vite, React 19, and Tailwind CSS, this is a production-ready single-page application with responsive design and accessibility considerations.
npm install
npm run dev
Starts the Vite dev server with hot module replacement.
npm run build
Produces optimized production build in the dist/ directory.
npm run preview
Serves the production build locally for testing.
npm run typecheck
Runs TypeScript compiler without emitting files.
npm run lint # Check for linting issues
npm run lint:fix # Auto-fix linting issues
index.html - Entry point with TetreesAI loading screen and error handlingsrc/App.tsx - Main application component with navigation, scroll tracking, and intersection observersrc/components/Hero.tsx - Hero section with parallax scrolling and animated emberssrc/components/MenuSection.tsx - Menu display componentsrc/components/SignatureDishes.tsx - Featured dishes showcasesrc/components/Reservation.tsx - Reservation/contact formThe app uses a CSS custom property --scroll updated on every scroll event to enable parallax and transform effects throughout the page.
Elements with the .reveal class are automatically animated into view when they enter the viewport (15% threshold, 60px bottom margin).
error event listener captures runtime errorsunhandledrejection listener catches promise rejectionsCustom branded loading screen with animated spinner, replaced automatically when React mounts. Sends tetrees:preview-ready message to parent window on successful load.
Tetrees License
隔離されたサンドボックスを起動しサーバー側で実行 — ローカル設定不要。
サンドボックス検証が完了し、検出された実行経路は合格しました。
This React web app completed archive review. 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.2 and security 9.
Deterministic AVCP artifact review
パイプライン avcp-2026-08-04.1 · SHA-256 1e7efb17b05c59d1…
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の取得を、販売者のアップロード権限を公開せずに行えます。
レビュー 6件
Genuinely impressed. The abstractions are sensible and easy to swap out, and the walkthrough got me running in minutes.
Worth every point. Picked up this automation setup for a client workflow — Zero mystery dependencies, everything is documented. Support answered my question fast.
Dropped it into my stack and it just worked. The code is readable and the structure makes sense, and docs were clear enough that I never had to open an issue. Would buy from this seller again.
Genuinely impressed. Dropped this automation setup straight into the workflow; examples matched the actual API, which is rare.
Better than I expected. As someone who automates these all day, the abstractions are sensible and easy to swap out.
Clean and well thought out. Dropped this automation setup straight into the workflow; the README covered every config I needed. Docking half a star only because I wanted a couple more examples.
Sign in to join the discussion
Loading discussion…