Loading page
Jade R 판매
TypeScript React frontend for a nonprofit fundraising campaign with donation management and impact tracking. Built with React 19, React Router, Tailwind CSS, and Vite, featuring animated counters, progress visualization, preset donation amounts, and monthly sustainer options. Ideal for organizations running matching gift campaigns with real-time donor engagement and responsive design. Licensed under Tetrees License.
A modern, responsive fundraising campaign landing page built with React, TypeScript, and Tailwind CSS. This frontend component showcases a donation campaign with interactive elements, progress tracking, and donor engagement features. It includes a complete page layout with hero section, story progression, impact metrics, donation interface, testimonials, and call-to-action sections.
npm install
npm run dev
Starts the Vite dev server at http://localhost:5173 with hot module replacement.
npm run build
Creates an 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 to check for type errors.
npm run lint
Runs ESLint on the src/ directory with zero-warning policy.
npm run lint:fix
Automatically fixes linting issues.
src/
├── App.tsx # Main app component
├── main.tsx # Entry point
├── components/
│ ├── Navbar.tsx # Navigation header
│ ├── Hero.tsx # Hero section
│ ├── StoryProgression.tsx # Campaign narrative
│ ├── ImpactMetrics.tsx # Outcome statistics
│ ├── CampaignDonation.tsx # Donation form & progress
│ ├── Testimonials.tsx # Donor testimonials
│ ├── FinalCTA.tsx # Final call-to-action
│ └── Footer.tsx # Footer
└── hooks/
├── useScrollReveal.ts # Scroll animation hook
└── useCountUp.ts # Number counter animation hook
Main donation interface with:
GOAL constant in CampaignDonation.tsxPRESETS array with custom amounts and labels--font-serifThe application 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 0e0b7769abf23862…
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, 웹 빌더 또는 클라우드 IDE로 바로 가져오세요.
Tetrees를 호환 AI IDE에 연결해 보유 제품을 불러오고, 판매자 업로드 권한을 노출하지 않은 채 검증된 ZIP을 받으세요.
리뷰 12개
Better than I expected. Dropped "Charity&Donation Site Template" straight into the game; the README covered every config I needed. Will definitely check their other products.
Better than I expected. Picked up this game source for a client game — TypeScript types are actually accurate, no fighting the compiler.
Saved me a ton of time. Dropped this game source straight into the game; docs were clear enough that I never had to open an issue. Five stars, would recommend to my team.
Genuinely impressed. Picked up "Charity&Donation Site Template" for a client game — The abstractions are sensible and easy to swap out. Five stars, would recommend to my team.
Genuinely impressed. Dropped "Charity&Donation Site Template" straight into the game; the README covered every config I needed. Will definitely check their other products.
Punches well above its price. As someone who launches these all day, the code is readable and the structure makes sense.
Great starting point. As someone who launches these all day, components are cleanly separated and easy to extend. Five stars, would recommend to my team.
Genuinely impressed. Used this game source to launch my game and it cut days off the build.
Saved me a ton of time. No spaghetti — the folder layout is sane, and examples matched the actual API, which is rare. Highly recommend.
Clean and well thought out. Dropped this game source straight into the game; even the tricky env setup was explained well.
토론을 불러오는 중…