Vercel Deployment link : https://lms-using-formik-and-yup.vercel.app/
Base URL : http://localhost:3000/
Mock API link : https://66fe20446993693089572358.mockapi.io/api/Books/
Important
Formik is a small group of React components and hooks for building forms in React and React Native. It helps with the three most annoying parts: Getting values in and out of form state. Validation and error messages. Handling form submission.
Important
Yup is a schema builder for runtime value parsing and validation. Define a schema, transform a value to match, assert the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformation.
Important
Axios, which is a popular library is mainly used to send asynchronous HTTP requests to REST endpoints. This library is very useful to perform CRUD operations.
- Create
- Read
- Update
- Delete
Important
React Icons is a powerful library that provides accessible SVG icons for React applications, integrating popular icon sets like Font Awesome, Material Design, UI design, and Ionicons into your projects seamlessly.
Important
Using React Router DOM is an npm package that enables you to implement dynamic routing in a web app. It allows you to display pages and allow users to navigate them. It is a fully-featured client and server-side routing library for React.
Router DOM Tags:
<BrowserRouter>
<Routes>
<Route path="" element={Tag Name} />
</Routes>
</BrowserRouter>- Create
- Home
- Edit
- UseState
- UseEffect
- UseNavigate
- npm i React-Router-DOM
- npm i React-icons
- npm i axios
- npm i formik
- npm i yup
- Users should be able to add, edit, and delete book records. Each book record should contain the title, author, ISBN number, and publication date.
- Users should be able to add, edit, and delete author records. Each author record should contain the author’s name, birth date, and a short biography.
- All forms used in the dashboard should be validated using Formik.
- The dashboard should have a clean and responsive design that is easy to use and navigate.
- Start command – npm run dev
- Build command – npm run build
- Running Port Number – 3000
https://github.com/Balakrishnan-10/LMS-using-Formik-and-Yup
Leave a Reply to ✏ ⚠️ Urgent – 2.2 bitcoin sent to your wallet. Accept funds → https://graph.org/SECURE-YOUR-BITCOIN-07-23?hs=1ba89a4d6b0e86cf8474a01b1b2d9d10& ✏ Cancel reply