Loading page
bởi 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
Khởi chạy sandbox cách ly và chạy phía máy chủ — không cần cài đặt cục bộ.
Lần kiểm định sandbox đã hoàn tất và đường chạy được phát hiện đã đạt yêu cầu.
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
Quy trình 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.
Đã đánh giá 7 thg 8, 2026
Hướng dẫn cài đặt đầy đủ và prompt tích hợp sẽ mở khóa sau khi mua.
Đưa sản phẩm này thẳng vào AI IDE, trình tạo web hoặc cloud IDE của bạn.
Kết nối Tetrees với AI IDE tương thích để liệt kê sản phẩm bạn sở hữu và nhận ZIP đã xác minh mà không cấp quyền tải lên của người bán.
12 đánh giá
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.
Sign in to join the discussion
Loading discussion…