Skip to content

This library app i am going to make using react typescript, react bootstrap and scss

Notifications You must be signed in to change notification settings

VimukthiniAttanayaka/my-library

Repository files navigation

Library App

Screenshot 2023-12-31 094923 Screenshot 2023-12-31 094940

Welcome to the Library App, a robust and user-friendly application built with React, TypeScript, Redux, and SCSS. Manage your book collection effortlessly, with features to add, edit, and delete book details along with author information.

Features

  • Add, Edit, and Delete Books: Seamlessly manage your book collection with the ability to add, update, and remove book details.
  • Author Details Management: Keep track of authors with features to add, edit, and delete author information.
  • State Management with Redux: Utilize Redux for efficient state management, ensuring a smooth and responsive user experience.
  • Stylish and Responsive UI with SCSS: The application is styled using SCSS, providing a modern and responsive user interface.

Demo

Explore the live demo: https://library-3221e.web.app/

Getting Started

To run the project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/VimukthiniAttanayaka/my-library.git
  2. Navigate to the project directory: cd library-app
  3. Install dependencies: npm install
  4. Run the app: npm start

How to Use

  • Manage Authors: Navigate to the Authors section to add, edit, or delete author details.
  • Add a Book: Click on the "Add Book" button and fill in the details.
  • Edit a Book: Select a book and click on the "Edit" button to update its details.
  • Delete a Book: Remove a book from the collection by clicking on the "Delete" button.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • TypeScript: A superset of JavaScript that adds static types.
  • Redux: A predictable state container for JavaScript apps.
  • SCSS: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).

Feedback

Your feedback is valuable! If you have any suggestions, improvements, or bug reports, please send email to vimukthinia@gmail.com

License

This project is licensed under the MIT License.

Happy reading! 📚🚀

About

This library app i am going to make using react typescript, react bootstrap and scss

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published