# Obinna Anosike > I build thoughtful, intuitive interfaces that turn ideas into functional digital products. ## About Most of my day is React, TypeScript and CSS. The rest is untangling a data flow until the interface stops guessing. I build interfaces that are honest about what they’re doing: loading states that mean it, errors a person can act on, components that hold once a team starts depending on them. Speed, clarity and never losing your work are the parts people actually feel. Off the clock I play football badly, support Chelsea, and build side projects nobody asked for. Batman: The Animated Series is on in the background. I stopped following City when Pep left. The game’s gone. Focus: Product engineering, Interface states, Data fetching & state, Design systems, Performance budgets, Accessibility. Stack: TypeScript, React, Next.js, Tailwind CSS, TanStack Query, Motion, Vite, Node.js, PostgreSQL, Playwright, Git, Figma. ## Work ### Sandra Benard - Live site: https://www.sandrabenard.com - Case study: https://smartlify.xyz/work/sandra-benard - Type: Designer portfolio - Year: 2024 - Role: Frontend build - Stack: Next.js, React A personal site for a product designer, project manager and writer — case studies, work history, reviews and a quote request in one place. **Brief.** Sandra works across three disciplines at once: product design, project management and writing. The site has to say that in one screen, then prove it. She brought the design; I built it alongside her design team and matched those layouts pixel for pixel across breakpoints, then wired the quote form straight through to her inbox. Case studies, work history and reviews are hardcoded content, so the site stays cheap to host and editable in one file. **What it covers** - Hero and services marquee that establish all three disciplines above the fold. - Project cards with starting prices, each opening into a full case study. - Work-history timeline with role, industry and skills per engagement. - Testimonial carousel and an FAQ written to answer buying questions. - Quote form that delivers to Sandra’s inbox, plus contact and social links. ### Prince Ugboga - Live site: https://princeugboga.ng - Case study: https://smartlify.xyz/work/prince-ugboga - Type: Designer portfolio - Year: 2024 - Role: Frontend build - Stack: React, Vite A booking-first site for a product designer: availability, services and social proof all land in the first screen. **Brief.** Prince sells design work directly, so the site is built to convert rather than to browse. The opening screen carries availability, a price anchor, a client quote and two calls to action — one of them opens Calendly. Everything below it is proof: selected work, services, background and more testimonials. He supplied the design; I built it alongside his design team, pixel for pixel, against the live booking flow. **What it covers** - Split hero with availability badge, price anchor and direct Calendly booking. - Client testimonial and credibility block beside the intro. - Selected-work grid with eight project previews. - Services, about and further testimonial sections. - Resume download and direct contact paths. ### Modern Advocates - Live site: https://www.modernadvocatesinc.org - Case study: https://smartlify.xyz/work/modern-advocates - Type: Nonprofit platform - Year: 2026 - Role: Full-stack build - Stack: Next.js, React, Better Auth, Stripe, Neon Postgres, Vercel A nonprofit platform with a real learning product behind the marketing site — OTP sign-in, course enrolment, Stripe checkout, a lesson player and an admin console. **Brief.** Modern Advocates needed more than a brochure. The public site is the front door, but the product sits behind it: email-OTP sign-in, roles and RBAC, course enrolment, a Stripe checkout, a lesson player with progress, and an admin console for members, courses, teams and support. The client supplied the design; I built the platform end to end on Next.js, Better Auth and Neon Postgres — including the role boundaries that keep a member out of the admin console and an admin out of the checkout. **What it covers** - Email-OTP sign-in with role-based routing for members and admins. - Course catalogue and detail pages, with Stripe checkout and a live total. - Member dashboard, My Learning and a player with module progress and completion state. - Admin dashboard with member and course counts, searchable users and enrolment data. - Course builder covering basic info, advanced settings, curriculum and publishing. - Team, support tickets, plus the public programmes, donations and consultation flows. ### Antara - Live site: https://antara-lyart.vercel.app - Case study: https://smartlify.xyz/work/antara - Type: Collaboration product - Year: 2026 - Role: Design & build - Stack: React, Vite A collaboration product for creative teams — projects, deliverables, versions and approvals — with the marketing site that sells it. **Brief.** Antara keeps a creative project’s briefs, deliverables, versions and approvals in one workspace instead of scattered across chat and drives. I designed and built both halves: the marketing site and the workspace app behind it. The app runs multi-tenant workspaces with projects, deliverables, owners, deadlines, version history, comments, tasks, a shared library and a review queue. The product surfaces on the marketing page are rendered in React rather than dropped in as screenshots, so they stay sharp at every width. **What it covers** - Marketing site with a rendered product frame, feature sections, pricing and FAQ. - Multi-tenant workspaces with projects, status, members, tags and dates. - Deliverables with owners, deadlines, production state and version history. - Comments, tasks and a workspace-wide asset library. - Review queue for client approvals, plus workspace onboarding and team management. - Responsive app shell and marketing layout with their own small design system. ## Contact - Email: obinna.anosike.dev@gmail.com - Location: Lagos, Nigeria - GitHub: https://github.com/Smartlify07/ (@Smartlify07) - LinkedIn: https://www.linkedin.com/in/obinna-anosike-3326aa318/ (in/obinna-anosike) - X: https://x.com/Smartlify01 (@Smartlify01) --- Plain-text version of https://smartlify.xyz/, generated from the same content that renders the site.