RHF MUI AND ZOD

small paint dot
RHF MUI and Zod website image

Project Overview

A minimal demo app showcasing reusable form inputs built with React Hook Form (state/control), MUI (UI components), and Zod (schema-based validation).

Tech Stack

  • Next.js 15 with TypeScript
  • React Hook Form for form state/control
  • MUI (Material UI) + Tailwind CSS for styling
  • Zod for schema-based validation and type inference
  • Features

  • Reusable input components (text, select, checkbox, etc.) built on RHF controllers
  • Zod-powered validation with typed error messages
  • Accessible, responsive UI using MUI components enhanced with Tailwind utilities
  • home page icon
    One step at a time