https://github.com/leandrolimadeveloper/form-validation-react-hook-form

Client-side form validation
https://github.com/leandrolimadeveloper/form-validation-react-hook-form

react react-hook-form tailwindcss yup

Last synced: 3 months ago
JSON representation

Client-side form validation

• Host: GitHub
• URL: https://github.com/leandrolimadeveloper/form-validation-react-hook-form
• Owner: leandrolimadeveloper
• Created: 2022-09-21T14:48:29.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-09-05T00:30:56.000Z (9 months ago)
• Last Synced: 2025-01-14T03:30:45.803Z (4 months ago)
• Topics: react, react-hook-form, tailwindcss, yup
• Language: CSS
• Homepage: https://form-validation-react-hook-form-yup-site.netlify.app/
• Size: 280 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# form-validation-react-hook-form

## About

Client-side form validation created with React and the libraries React Hook Form and Yup. 

For CSS customization was used Tailwind CSS framerwork. 

![validation](https://user-images.githubusercontent.com/76854209/191598462-3738db61-fdf8-461d-b7d0-54e3e8c4fc49.jpg)

Deploy: https://form-validation-react-hook-form-yup-site.netlify.app/

## Run

To run locally: 

```

$ git clone https://github.com/leandrolimadeveloper/form-validation-react-hook-form

$ cd form-validation-react-hook-form

```

### Install dependencies:

```

$ npm i

```

### Execution

```

$ npm run dev

```

To change Tailwind classes on the project, run in another terminal: 

```

$ npx tailwindcss -i ./src/styles/main.css -o ./src/output.css --watch

```