Nayan Kyada — Next.js & React Portfolio

What I did

• Architected the Next.js 15 App Router site with nested route groups for Sports, Camps, Skills, and Tournaments — dynamic [sport]/[slug] pages driven from Sanity
• Modelled Sanity schemas for sports, camps, skills, tournaments, locations, sponsors, work orders, and PSA Updates with orderable document lists for editorial control
• Shipped utility flows — Become a Coach, Game Official, Skills Coach, and Camp Counselor — each backed by sport-aware SendGrid routing to the correct staff inbox

Outcome

Delivered a structured registration and information hub for thousands of Plano-area families across dozens of sports, camps, and skills programs.

What I did

• Built the Next.js 16 + Sanity site with full course catalogue, instructors, graduates, news, and webinar pages — all driven by a Sanity-typed content model with auto-generated TypeScript types
• Shipped the multi-step enrollment flow with Stripe checkout, course-balance payment, and SendGrid-backed admin and student email confirmations
• Built upcoming-courses sliders with pause-on-hover, course start/end date filtering, and webinar registration with optional fields and validation via React Hook Form + Zod

Outcome

Modernised the digital front door for a 30-year-old auction school — self-serve enrolment, automated payment, and editorial control over instructors, courses, and graduates without engineering involvement.

What I did

• Built the Next.js + Sanity site with home, About Us, Auction Highlights, Past Auctions, School, Podcast, and Contact sections — each with typed Sanity schemas and live previews
• Shipped the Auction Services Embla carousel with dynamic SliderArrow fills, auto-height, autoplay, and consistent card layouts across breakpoints
• Built the EventImageGallery and ImageViewer with responsive object-positioning and viewport-aware max heights for image-heavy past-auction archives

Outcome

Consolidated decades of Mike Jones' auctioneering, teaching, and media output into a single content-managed brand hub — editors update events, press, and podcast episodes without engineering involvement.

What I did

• Owned frontend architecture across Ditto.jobs and the Nova recruiter platform — Next.js, React, TypeScript, Redux, Styled Components, and Ant Design serving candidates and employers in 40+ countries
• Shipped candidate features — AI-powered job matching, profile builder, CV builder with PDF export, saved searches, and a streamlined mobile-first application flow
• Built Nova employer tools — programmatic job distribution to 1,000+ portals and social channels, applicant tracking, budget controls, and analytics dashboards

Outcome

Scaled the platform to candidates and employers in 40+ countries while lifting application completion and recruiter throughput on the Nova suite.

What I did

• Built the Oyster operator dashboard in SvelteKit + TypeScript — real-time compute-node metrics, deployment flows, attestation verification views, and provider controls
• Shipped Web3 wallet flows for operator onboarding, job creation, and payment — signed transactions for instance lifecycle (deploy, scale, terminate) directly from the UI
• Architected the deployment UX for Oyster Serverless and Confidential VM modes — image upload, resource selection, region picker, and live status surfacing

Outcome

Delivered the operator-facing front door for Marlin Oyster — a self-serve dashboard that lets developers deploy and manage verifiable off-chain compute without leaving the browser.

What I did

• Built the SuperLemon Chrome extension that injects Shopify customer, order, and cart context directly into merchants' WhatsApp Web chats — eliminated tab-switching during support and sales conversations
• Shipped extension features — order lookup, customer profile sidebar, abandoned-cart recovery prompts, COD verification flow, and one-click discount codes inside WhatsApp Web
• Architected the React + TypeScript merchant dashboard with Shopify Polaris — segmentation, broadcast campaigns, automated message templates, and analytics

Outcome

Helped scale the platform to 20,000+ merchants generating $1M+ in monthly recovered revenue across 150+ countries.

What I did

• Built the Next.js + Sanity site covering Home, Communities, Project portfolio, Foundations, TI Standard, and Contact — with semantic HTML, design-system tokens, and a shared max-content-container layout
• Integrated Mux video + HLS.js into the hero banner for smooth adaptive-bitrate playback of project showcase reels across devices
• Modelled the project schema with status states ("Under Construction", "Completed") and shipped Flagship Projects and Project Portfolio components driving the housing pipeline view

Outcome

Delivered a polished investor- and partner-facing portfolio site that surfaces Titanium's $683M / 3,000-unit track record and lets the team publish new communities without engineering involvement.

What I did

• Built the Next.js + Sanity marketing site across Home, Our Vision, Our Science, Get Started, and policy pages — every section content-modelled with typed schemas
• Shipped scroll-triggered animations across HeroBanner, DataUsage, HealthMatters, and OurStories using GSAP and Framer Motion — synchronised with the storytelling flow about whole-health science
• Built the CarePlans, SourceData, and OurVision sections with typed media and link schemas — supporting LinkedIn links, community visibility toggles, and rich card layouts

Outcome

Delivered the public-facing brand and waitlist surface for The Wellmate ahead of its 2026 product launches — converting visitors into early Sage users while editors control the science and provider story.

What I did

• Built the Next.js + Sanity site with full multi-locale support via next-intl and Sanity document-internationalization — every page renders under a `[locale]` segment with translated content
• Shipped content sections for Impact, Leadership, FAQs, Connect, Donate, Rules, Accessibility, and Menus — each with its own typed schema and component
• Integrated react-pdf and pdfjs-dist for in-browser viewing of park rules, accessibility statements, and menu PDFs without forcing downloads

Outcome

Delivered a bilingual, content-rich civic site that lets the foundation publish park rules, leadership updates, donation flows, and event news to the Oak Cliff community without engineering involvement.

What I did

• Architected the Next.js 16 App Router site under app/(site) with Sanity CMS as the editorial backbone — typed document schemas for home, capabilities, case studies, insights, news, our-people, team-members, contact, and settings under sanity/schemaTypes/documents.
• Wired Sanity Presentation Tool with live preview and draft-mode flows via app/api/draft-mode/{enable,disable} and a draftMode() guard in app/(site)/layout.tsx so editors review unpublished content with one click.
• Built the Mux video hero and case-study showcase using sanity-plugin-mux-input and hls.js in components/common/muxVideo — adaptive-bitrate playback streamed straight from Sanity-managed Mux assets.

Outcome

Delivered a content-managed brand surface where the comms team publishes capabilities, case studies, insights, news, and team profiles — and previews unpublished work end-to-end — without engineering involvement.

What I did

• Built the prover-onboarding dashboard in SvelteKit + TypeScript — hardware registration, capability declaration, staking flows, and reward tracking
• Shipped the orderbook UI for matching proof requests with provers — live order feed, filters by circuit type, bid placement, and status timelines
• Architected Web3 wallet flows for prover staking, slashing exposure, and earnings withdrawal — clear surfacing of risk before signing transactions

Outcome

Delivered the operator and developer-facing front door for Kalypso — a self-serve marketplace UI for monetising spare compute and procuring ZK proofs without managing infrastructure.

What I did

• Built the Next.js + Sanity marketing site covering History, Operations, Stewardship, Wildlife Conservation, Responsibility, and Community sections — each modelled as a typed Sanity document with preview-aware drafts
• Shipped the gated portal — login, request-access, terms-of-service, and privacy-policy flows backed by Postgres for credentialed visitors
• Wired SendGrid contact form with multi-recipient routing and resilient error handling for ranch enquiries

Outcome

Delivered a public stewardship narrative paired with a private, credentialed access layer — letting the ranch tell its conservation story while keeping the property itself genuinely off-limits.

What I did

• Built the Next.js + Sanity marketing site across Markets, Expertise, Character, Careers, and Contact — each schema modelled with preview options and content typed end-to-end
• Shipped the Team and Bio sections with custom layouts, profile gradients, hash-aware Sidebar/Header navigation, and a useHash hook for in-page deep links
• Built the Stats, Careers, and Pre-Footer components with motion-driven reveals and a shared Pre-Footer schema reused across pages

Outcome

Delivered a polished, content-managed brand site that lets Forge tell its story across markets and disciplines — and lets editors update team bios, projects, and pre-footer CTAs without engineering tickets.

What I did

• Redesigned the ninedots.io header for a cleaner, modern UX — sharper navigation, improved mobile patterns, and consistent branding across the site
• Restructured the blog into distinct content verticals — Case Studies, Events, Guides, and Advice — each with its own listing, filters, and Sanity CMS taxonomy
• Merged Resources and Blog into a single streamlined content hub — simpler editorial workflow and cleaner navigation for visitors

Outcome

Sharpened editorial workflow, SEO surface area, and regional positioning — visitors now see locally-tailored content while the team manages a single content tree.

What I did

• Integrated Algolia InstantSearch into the prompt library — index design, query tuning, faceted filtering, typo tolerance, and sub-100ms query latency
• Wired the Sanity CMS → Algolia content pipeline with webhook-driven sync — every publish or edit reindexes automatically with no manual reindexing or stale results
• Shipped the search UX in Tailwind — instant results, live filter controls, category facets, and responsive layouts across desktop and mobile

Outcome

Delivered a fast, searchable prompt library with editorial workflows that let the team add and update prompts without engineering involvement.

What I did

• Built the Next.js storytelling platform with Sanity CMS — modelled long-form article schemas across six content verticals (Monuments, Eras, Art History, People, Living Culture, Religious Places)
• Shipped editorial features — rich-text article rendering, estimated read times, hero galleries, image-heavy layouts, and category landing pages
• Integrated Sanity Studio for the editorial team — custom fields for cultural metadata, taxonomies, and contributor attribution

Outcome

Delivered a content platform powering immersive heritage storytelling at scale — flexible CMS workflows let editors publish without engineering involvement.

What I did

• Built the Next.js 16 + Sanity site covering courses, graduates, news, webinars, VIP licensing, and contact — with typed schemas auto-generated through Sanity TypeGen
• Shipped the multi-step enrollment and VIP registration flows with Stripe checkout, course-balance payment, and SendGrid admin and student email templates
• Built the Webinar feature end-to-end — schema, registration form, completed-webinar archive, and dynamic CTA buttons surfaced on the home page

Outcome

Delivered a unified enrolment, payment, and content platform for a 60-year-old auction school — students can register and pay online while editors manage courses and graduates from Sanity.

What I did

• Built the Next.js 16 + Sanity site covering courses, graduates, news, VIP licensing, enrolment, and contact — sharing a typed Sanity schema family with the sister Nashville Auction School build
• Consolidated the previously multi-step enrolment into a single EnrollForm with refined validation, renaming Cell Phone to Mobile Phone and reshaping the student data model
• Shipped Stripe checkout, course-balance payment, LMS Track ID price-key wiring, and SendGrid admin and student email templates for confirmations

Outcome

Delivered a modern enrolment and content platform for a 90-year-old auction college — students enrol and pay online from any state, while editors manage courses, graduates, and webinars without engineering involvement.

What I did

• Built the Next.js 15 App Router site with Sanity CMS modelling home, about, services, portfolio, news, careers, and team-member schemas
• Shipped the portfolio system with project galleries, category filtering, and an image-gallery lightbox component for project deep dives
• Built the news hub with localised date formatting, internal and external news support, and date-ordered listing via GROQ queries

Outcome

Delivered a content-rich marketing site that surfaces four decades of project work and lets the LMI team publish news, projects, and team updates from Sanity Studio.

What I did

• Built the Next.js 15 site with App Router route groups for home, about, our-services, and contact-us, all powered by Sanity CMS via next-sanity and GROQ
• Shipped the responsive header with mobile mega-menu, hamburger transitions, and accessible dropdowns for the services taxonomy
• Built the FAQ and Accordion components driven from Sanity content for the editorial team to manage Q&A copy directly

Outcome

Delivered a polished, fully editable marketing site that lets a solo-founder consultancy publish services, FAQs, and case content without developer help.

What I did

• Built the Next.js 15 App Router site with route groups for marketing pages and an embedded Sanity Studio at /studio for the editorial team
• Modelled Sanity schemas for home, about, services, industries, projects, and settings — every page driven from CMS with no hardcoded copy
• Shipped the portfolio listing and detail pages with Embla carousels, responsive image grids, and category-based project browsing

Outcome

Delivered a CMS-driven marketing site that lets the Hawk Builders team publish projects, services, and team updates without engineering involvement.