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.
- 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.
- 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.
- 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.
- Clone the repository
- Run npm install
- Run npm run dev to start development server
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.
This project is open source and available under the MIT License.