https://github.com/deepanagarjan/formikreacttask

here i provided react router dom and yup for formik task
https://github.com/deepanagarjan/formikreacttask

axios-react bootstrap5 css3 html5 javascript nodemodules react reactjs router-dom vitejs yup-validation

Last synced: 6 days ago
JSON representation

here i provided react router dom and yup for formik task

• Host: GitHub
• URL: https://github.com/deepanagarjan/formikreacttask
• Owner: Deepanagarjan
• Created: 2024-08-21T12:34:31.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-23T10:53:22.000Z (4 months ago)
• Last Synced: 2024-10-31T11:27:59.715Z (about 2 months ago)
• Topics: axios-react, bootstrap5, css3, html5, javascript, nodemodules, react, reactjs, router-dom, vitejs, yup-validation
• Language: CSS
• Homepage: https://formik-react-library.netlify.app/
• Size: 213 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
React-Formik-Task

This is an sample Library management website which is based on React-Formik which was designed by me using React. 

Tech Stack:

1.HTML

2.CSS

3.Javascript

4.Bootstrap

5.React(axios, react-router-dom, Formik, Yup)

Features:

1.Responsive and Interactive Design

2.You can do CRUD operations in this website.

3.Form Validation

Using Formik:

## Sample Image

![Sample Image](./src/assets/formik%20sc.png)

## Deployment

link:http://localhost:5174/

The application is deployed and can be accessed here : [Blog App](https://formik-react-library.netlify.app/).

I learned to use Formik third party library for form validation. I used it in 2 different ways like using Formik Tag and also using useFormik Hook.

Using Yup:

I learned to use Yup third party library to create validation schema in Formik, which helped me to create my own schema's in form validation.