RHF MUI AND ZOD

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