WordPress Developer · WooCommerce Developer · Web Developer · Cape Town, South Africa
Skills in this project: React · TypeScript · Vite · Cloudflare Pages · Cloudflare Functions · Mobile-first UX · Component architecture · Git version control · CSS · Step-based navigation · Calendar UI · Brand theming · Web Developer · Frontend Developer
The Problem
A1 Environmental needed a booking experience that worked properly on mobile without overwhelming users with all service options at once. They offer pest control, fumigation, invasive species removal, soil and garden services, COC compliance, and hygiene services — a wide range needing clear categorisation and a step-by-step journey.
What I Built
- Multi-step booking flow: category selection, sub-category, calendar date and time, booking review, and submit — with a visible stepper showing progress at each stage
- Service structure covering Pest Control, Structural Pest Control, Invasive Species, Fumigation, Soil and Garden, COC Compliance, and Hygiene Services
- Full calendar UI with month navigation — easier to browse and select a date compared to a basic dropdown input
- Back button navigation at every step so users can move backward without losing selections or breaking the flow
- Cloudflare Pages Functions API endpoint (functions/api/book.ts) ready for email confirmation and invoicing automation as next steps
- A1 green brand theme applied throughout so the booking system matches company identity
Real Problems Solved
These are real issues that surfaced under real users and real hosting constraints.
- Code changes were being made in an extracted zip folder instead of the cloned git repository — corrected the workflow by cloning properly, tracking changes, and committing in the right location.
- Resolved TypeScript prop wiring issues during navigation and calendar component changes — fixed types at the source rather than casting around them.
Skills Demonstrated
- React
- TypeScript
- Vite
- Cloudflare Pages
- Cloudflare Functions
- Mobile-first UX
- Component architecture
- Git version control
- CSS
- Step-based navigation
- Calendar UI
- Brand theming
- Web Developer
- Frontend Developer
Looking to hire a WordPress Developer or WooCommerce Developer based in Cape Town? Get in touch or download my CV.