Automated Grocery Search & Brand-Match Bridge Widget (WordPress / Netlify / Gemini API)
Bütçe: $400.0
FIXED /
⭐ 0.00 (0)
United States
javascript, wordpress, node.js, api-integration, json
Tercih edilen nitelikler
- Deneyim: Orta
We are seeking an experienced Full-Stack / WordPress Developer to deploy a Netlify serverless API function and integrate a frontend JavaScript search widget into an Elementor website.
The complete technical specification and ~80% of the code logic is already written and ready for deployment.
PROJECT OVERVIEW:
Building an automated grocery item search and brand-matching intake widget. The widget queries a Netlify serverless bridge using the Google Gemini API to parse item attributes (package sizes, varieties, categories, vagueness flags, and estimated prices) and SerpApi (Google Shopping engine) to fetch exact brand product thumbnails (e.g., Doritos, Jif, Barilla).
RESPONSIBILITIES:
1. Serverless Deployment: Deploy provided Node.js handler (/netlify/functions/grocery-search.js) on Netlify and configure API environment variables (Gemini API & SerpApi).
2. Frontend Integration: Embed vanilla JavaScript and CSS into WordPress/Elementor. Ensure 400ms input debouncing works smoothly.
3. UI Functionality: Render dynamic product cards featuring brand thumbnails, category badges, size/variety pill buttons, and ALL-CAPS clarifying banners for vague inputs. Store estimated price data in hidden card attributes.
ADDITIONAL FRONTEND LIST-BUILDING FEATURES:
- "Add to List" Functionality: Clicking a button adds the configured item (with chosen size/variety) to an active list.
- List UI & Controls: A sliding or sticky list drawer showing added items, quantity adjustments, and a total estimated cost sum.
- Export Options: Native buttons for "Print List" (clean printable styling) and "Email/Share List" (submits list payload or copies plain text).
REQUIRED SKILLS:
- JavaScript (Vanilla JS, Fetch API, DOM manipulation, Debouncing)
- Node.js & Netlify Serverless Functions
- WordPress & Elementor custom script implementation
- REST API integration & JSON payload handling
APPLICATION INSTRUCTION:
Please review the scope and confirm you are comfortable deploying Node.js serverless functions on Netlify and embedding custom JS in WordPress. Detailed code specs will be provided upon hire.
Upwork'te aç
AI proposal draft
Generate a short cover letter for this job. Edit before sending.
Sign in to generate an AI proposal draft.
Giriş yap