Skip to content

A responsive React app (built with Vite) for managing a list of books, using React Bootstrap, react-toastify, and uuid, with data persistence via localStorage.

Notifications You must be signed in to change notification settings

HMP1989/list-of-books

Repository files navigation

List of Books Project

This is a List of Books web application built using Vite and React. It demonstrates usage of popular React libraries such as React Bootstrap for UI components, react-toastify for toast notifications, and uuid for unique ID generation. The project is styled with Bootstrap CSS to provide a clean and responsive design.

Features

  • Create, list, and manage books with unique identifiers.
  • Persist books data in localStorage so that data remains across page reloads.
  • Responsive UI powered by React Bootstrap components.
  • User-friendly notifications with react-toastify.
  • Unique book IDs generated with uuid for reliable handling.
  • Input validation and duplicate prevention.
  • Clean and modern styling with Bootstrap.

Technologies Used

  • Vite: For fast development and optimized build.
  • React: Frontend library for building UI.
  • React Bootstrap: Bootstrap components as React components.
  • Bootstrap CSS: Core CSS framework for styling.
  • react-toastify: Toast notifications for success/error messages.
  • uuid: Generate unique IDs for book entries.

Usage

  • Add new books using the provided form.
  • Each book is saved in the browser's localStorage, so your data is retained even if you reload or close and re-open the browser.
  • Ensure each book has a unique number to avoid duplicate entries.
  • Notifications appear for errors or successful actions.
  • The layout adapts seamlessly to different screen sizes.

Getting Started

  1. Clone the repository
  2. Run npm install
  3. Run npm run dev to start development server

Styling

Bootstrap CSS is used to style the application, providing a consistent and professional look throughout. React Bootstrap components integrate Bootstrap styles directly into React components for easier UI development.

License

This project is open source and available under the MIT License.

About

A responsive React app (built with Vite) for managing a list of books, using React Bootstrap, react-toastify, and uuid, with data persistence via localStorage.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published