← Trabajos

Frontend polish, SEO routing, account management features for React subscription platform

Presupuesto: $300.0 FIXED / ⭐ 0.00 (0) LUX

frontend-development

Cualificaciones preferidas

  • Experiencia: Intermedio
Overview EU based live halal meat subscription platform built in React/Vite, deployed on Vercel, with a working Supabase backend and live Stripe payments already in place. The core platform is solid and in production. This job covers a defined set of frontend fixes and new customer-facing features — no backend architecture work, no payment system changes. Estimated scope: 8 working days. Part A — Bug fixes & polish (from existing gap analysis) ⚠️ Note to applicants: Items A1–A3 below may already be partially addressed from earlier work on this project. We'll confirm current status with the selected contractor before finalizing scope/price on those three specifically — please quote them separately if possible. # Item Details A1 Language switcher mobile overlap Responsive hiding logic needed — currently renders all 7 language codes inline, causing overlap on mobile/tablet widths A2 Floating chat button / cookie banner overlap Both fixed-position elements currently collide at the bottom of the screen on mobile A3 Halal certification badge clipping Badge renders partially outside the viewport frame at certain screen widths A4 Tablet / small-laptop layout crowding Content crowds together at intermediate breakpoints between mobile and desktop A5 PWA home-screen icon wrong shape Currently using a placeholder SVG favicon; needs proper 192×192 and 512×512 PNG icons generated and wired into the manifest A6 Homepage images hotlinked externally Currently loading from an external image host; needs to be self-hosted from the project's own assets A7 Footer delivery area text outdated Footer still references the original limited delivery area; needs updating to reflect current (wider) delivery coverage A8 No URL routing — blocks SEO indexing Site currently runs as a single-URL state-based SPA. Google cannot index individual pages without unique URLs. Needs real client-side routing (e.g. React Router) added so key pages (home, boxes, individual box detail, recipes, à la carte) have real, shareable, bookmarkable URLs. Part B — New features (Phase 1 additions) # Item Details B1 Checkout pre-fill from order history Full name and phone number should be remembered from a customer's previous orders and pre-filled at checkout, rather than re-entered every time (same pattern as the existing saved-address feature) B2 Account management page New dedicated settings screen where a signed-in customer can independently: change their password, edit saved delivery addresses, update their phone number, reschedule an upcoming delivery, and delete their account entirely B3 Google/Gmail sign-in Add "Sign in with Google" as an alternative to email/password on the existing auth screens (Supabase Auth already supports Google as an OAuth provider — this is a configuration + UI task, not new backend architecture) B4 Google Maps address autocomplete As a customer types their delivery address at checkout, suggest and auto-complete based on the Google Places API, rather than requiring the full address typed manually What's explicitly out of scope for this job No changes to Stripe integration, payment processing, or webhook logic No changes to the Supabase database schema or Row-Level Security policies No changes to the core subscription/billing logic No full redesign of the site's visual styling — fixes should match the existing design system Requirements Strong React/Vite experience Comfortable working within an existing single-file component architecture (please don't propose restructuring this without discussing first — it's intentional for how this project is maintained) Experience with Google Maps/Places API integration Experience with Supabase Auth, specifically OAuth provider setup Familiarity with client-side routing libraries (React Router or equivalent) Deliverables All work delivered via pull request with a working Vercel preview link for testing before anything merges to production Brief written notes on what was tested for each item before requesting sign-off
Abrir en Upwork

AI proposal draft

Generate a short cover letter for this job. Edit before sending.

Sign in to generate an AI proposal draft.

Entrar