Skip to content

React application with form validation and API mocking, utilizing Material UI, react-hook-form, Yup, and MirageJS.

License

Notifications You must be signed in to change notification settings

iamtalwinder/react-form-validation-example

Repository files navigation

React form validation example

Blog Post

Table of Contents

Overview

This project involves creating a React application with a "Create Todo" form, featuring Material UI components for a user-friendly interface. The form uses react-hook-form for efficient form handling and yup for validation, and integrates MirageJS to mock API responses for simulating server interactions.

Prerequisites

Before starting, ensure you have the following installed:

  • Node.js
  • npm

Installation

To set up the project on your local machine:

  1. Clone the repository:

    git clone https://github.com/iamtalwinder/react-form-validation-example.git
  2. Change directory to the project folder:

    cd react-form-validation-example
  3. Install the required npm packages:

    npm install

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contact

Talwinder Singh - Email

About

React application with form validation and API mocking, utilizing Material UI, react-hook-form, Yup, and MirageJS.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published