eduard7mar / form-with-Formik

Custom Form with Formik and Yup Validation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project Name

Custom Form with Formik and Yup Validation

Description

This project showcases a donation form built using React, employing the Formik library for form management, and Yup for validation. The form integrates various input types like text, email, number, select, and textarea, complemented by a checkbox for user consent. The useField hook from Formik is utilized to simplify the state management of form fields.

Features

  • Custom form components using Formik and Yup.
  • Validation for name, email, amount, currency, text, and consent.

Dependencies

  • React
  • Formik
  • Yup

Installation

  1. Clone the Repository:

    git clone https://github.com/your-username/your-repo.git
  2. Navigate to the Project Directory:

    cd your-repo
  3. Install Dependencies:

    npm install

Usage

Run the development server:

npm start

Visit [http://localhost:3000](http://localhost:3000) in your browser to access the form.

About

Custom Form with Formik and Yup Validation


Languages

Language:JavaScript 75.0%Language:SCSS 20.7%Language:HTML 4.2%