Call-To-Biz
Local Search Engine for Service Providers
A local directory and search engine connecting service providers with customers. Developed the search, ordering, and filtering interfaces, integrated Google APIs and Twilio Video client SDKs, and improved client performance by 57%.
01. The Solution
I was responsible for building the search, filtering, and ordering systems for local service discovery, and integrating Google APIs and Twilio Video in the frontend client.
TECHNICAL HIGHLIGHTS
- ▹ Local Service Discovery
- ▹ Ordering & Filtering Systems
- ▹ Google APIs Integration
- ▹ Twilio Video Integration
- ▹ 57% Performance Improvement
02. Project Story & Deep-Dive
Local Directory Systems
Users needed to search, filter, and order services from local providers across different industries. We needed an intuitive system that let customers find vendors near them, filter by category, and place orders smoothly.
Architectural Focus
[Service Discovery Specs] Target Stack: React.js, MUI, Twilio, Google APIs Performance Target: 57% speedup Query Types: Category, distance, rating
API & Video Integration
Integrated Google APIs for maps and locations to support spatial calculations. Added Twilio Video client integration within the React frontend to support direct face-to-face provider consultations. Refactored state handling, reducing rendering latency by 57%.
Architectural Focus
// Twilio Video Room Connection import Video from 'twilio-video'; const room = await Video.connect(token, { name: 'consultation-room' });
