INDUSTRY:
Creator Economy / SaaS
CLIENT:
Ingenius CRM
YEAR:
2024
EXPERIENCE:
React, TypeScript, GraphQL, Node.js, Postgres, AWS, Kubernetes, Stripe Connect, REST APIs
Ingenius Frontend
about.
I built the majority of the frontend experience for Ingenius Branding’s platform, covering onboarding, client dashboards, and influencer profile management. My primary focus was implementing clean, responsive, and scalable UI flows in React + TypeScript, fully integrated with a GraphQL backend and Postgres database.
Key contributions:
Signup & Onboarding: Built multi-step signup flows with inline validation, account type selection (creator vs. team/brand), and Google OAuth integration.
Search & Filterable Dashboards: Developed the Clients/Creators dashboard with table sorting, pagination, and metric visualizations.
Influencer Profiles: Implemented editable profile screens with modular link management (Instagram, TikTok, YouTube, etc.), form validation, and inline saving states.
Data Integration: Connected frontend components with backend GraphQL APIs, ensuring queries and mutations remained efficient and strongly typed.
challenge.
The platform needed to serve both brands/agencies and creators, each with unique onboarding, workflows, and data structures. Challenges included:
Designing and implementing flows that adapt to account type without duplicating code.
Handling large relational datasets (creators, clients, partnerships) in performant ways via GraphQL queries.
Enforcing data consistency in form-heavy areas (profile editing, revenue reporting) with real-time validations.
Collaborating closely with design (Emily Shen) to translate high-fidelity designs into pixel-perfect, responsive React components.
result.
The final product gave Ingenius Branding a polished and reliable SaaS experience:
Onboarding in Minutes: Multi-step signup reduced drop-off and got teams into the product quickly.
Data Transparency: The revenue and clients dashboards provided real-time insights across active projects, reach, and engagement.
Profile Control: Creators could manage their public presence and link social accounts easily, with validations ensuring clean data.
Technical Impact: A modular frontend architecture in React + TypeScript with strong GraphQL typing accelerated development of new features.
