React apps·Ready-to-fill French association documents

Association management app: React members, grants, treasury

Complete React app to run a French loi 1901 nonprofit: members, grants, treasury, events. Zero backend, zero subscription, 100% local data.

REACT APPDashboard GestionAssociation (templateReact)7 detailed points on the page99

F1 Dashboard Association is a complete web application built with React 18 + Vite + Tailwind CSS. It runs entirely in the browser: your data stays with you (localStorage + JSON backup) and hosting is free (Vercel or Cloudflare Pages, step-by-step guide included). You manage: the dashboard (member KPIs, up-to-date dues, grants obtained, treasury balance, charts by funder and monthly income/expenses), members (full profiles, statuses, one-click dues tracking, search and filters), grants (files per funder : French State Programme 147, Contrat de Ville, Métropole, Département, City, CAF, amounts requested/obtained, statuses from submission to payment, report deadlines), treasury (income/expenses by category, balance, monthly trend) and events (workshops, drop-in sessions, general assemblies, participants). CSV exports (French-Excel compatible) on every module plus full JSON backup/restore. The template is built on the real expertise of a QPV nonprofit president in Marseille who secured €54,500 in multi-funder grants in 2025: the demo dataset (87 anonymized members) reflects real French nonprofit life : not a generic dashboard translated from English. You receive the full source code, a README with an AI PERSONALIZATION block, the deployment guide (10 minutes, €0) and a commercial license (unlimited use, your projects and your clients, free modification). Live demo: chipiestudio.com/demo/f1. Interface in French.

Who is it for?

Association treasurers and secretaries who want a subscription-free tool, free to host, with source code.

Exact download contents

ZIP archive of 58 Ko · 26 files · 11 JSX, 7 Code, 2 Fichier, 2 Markdown, 2 JSON, 1 HTML, 1 Image

  • Guide deploiement
  • Package
  • Package lock

What you get

  • Live demo: https://www.chipiestudio.com/demo/f1 (anonymized demo data, “Reset demo” button)
  • 5 modules: KPI dashboard with charts, members, multi-funder grants, treasury, events
  • Zero backend, zero subscription: 100% local data (localStorage + JSON backup), free hosting on Vercel/Cloudflare
  • CSV exports (French-Excel compatible) on every module
  • Full source code, React 18 + Vite + Tailwind 3, realistic demo dataset (87 members, €54,500 in grants)
  • README with AI PERSONALIZATION block + step-by-step deployment guide (10 min, €0)
  • Commercial license: unlimited use, your projects and your clients, free modification

Frequently asked questions

Do I need to know how to code?
Not to use it: npm install + npm run dev is enough, and the deployment guide covers Vercel and Cloudflare Pages step by step. Deep customization (colours, fields, modules) requires code : or give the ZIP to your AI with the README's PERSONALIZATION block: it adapts the template to your organization in minutes.
Is my data sent online?
No. The app runs entirely in your browser: data stays in localStorage on your machine, with JSON export/import for backup. There is no server, no account, no collection.
Is there a subscription or hidden fees?
No. One-time payment, source code delivered as a ZIP, free hosting on Vercel or Cloudflare Pages. The commercial license allows unlimited use for your projects and your clients' projects.
Can I withdraw after purchase?
No: digital content delivered immediately after payment. By ticking the consent box before buying, you request immediate performance and expressly waive your right of withdrawal (art. L221-28 of the French Consumer Code). Any issue: contact@chipiestudio.com.

See all questions →

In the same topic

All documents : Ready-to-fill French association documents