Order Form

This is a web-based order form for the local gardening club (Obst- und Gartenbauverein), built with React. It enables members to easily submit their orders online.

Features

• ✨ Modern, responsive design
• 📢 Form validation
• ✉️ Order submission to Cloudflare K1
• 📄 Excel export (planned)
• 🚪 Admin link for downloading csv from K1
• 🛡️ Cloudflare Turnstile integration for spam protection (using the Turnstile widget and token validation via the server endpoint)

Development

Prerequisites

• Docker Desktop
• Visual Studio Code with Dev Containers

Getting Started

git clone https://github.com/cabrauck/react_plant_order_form.git
cd react_plant_order_form
code .

Then in VSCode: "Reopen in Container"

Start Development Server

npm run dev -- --open

The app will be available at http://localhost:5173.

Deployment

The project is optimized for deployment on Cloudflare Pages.

Build Command for Pages

npm run build

Contributing

Pull requests are welcome. Please ensure clean code and use prettier for formatting:

npm run format