Skip to content

A React-based library management system with a clean and modern UI. Features include adding, editing, and deleting books and authors, with data persistence using local storage. The application uses Material-UI for styling and includes smooth animations for a better user experience.

Notifications You must be signed in to change notification settings

harish-govindasamy/react-formik-validation-task

Repository files navigation

Library Management System

Description

A React application for managing book and author details using Formik for form validation.

Screenshot

Screenshot

Installation

  1. Clone the repository:
    git clone https://github.com/harish-govindasamy/react-formik-validation-task.git
  2. Navigate to the project directory:
    cd library-management
  3. Install dependencies:
    npm install

Running the Application

npm run dev

Features

  • Add, edit, and delete book records.
  • Add, edit, and delete author records.
  • Form validation using Formik and Yup.
  • Responsive design.

Folder Structure

src/
├── components/
│   ├── BookForm.jsx
│   ├── AuthorForm.jsx
├── pages/
│   ├── Books.jsx
│   ├── Authors.jsx
├── services/
│   ├── bookService.js
│   ├── authorService.js
├── App.jsx
├── main.jsx
Demo live link - https://react-formik-validation-task-library.netlify.app/

react-formik-validation-task

About

A React-based library management system with a clean and modern UI. Features include adding, editing, and deleting books and authors, with data persistence using local storage. The application uses Material-UI for styling and includes smooth animations for a better user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published