Git Product home page Git Product logo

hrishit-b / simple-library-managment Goto Github PK

View Code? Open in Web Editor NEW

This project forked from samipak458/simple-library-managment-with-azure-services

0.0 0.0 0.0 481 KB

A simple library management project that is easy to use and helps learners understand the basic concept of JS.

Home Page: https://lively-dune-0b6b72f00.2.azurestaticapps.net

License: GNU General Public License v3.0

JavaScript 4.30% CSS 47.82% HTML 4.74% SCSS 43.14%

simple-library-managment's Introduction

Simple Library Management

A simple library management project is an Open Source Website built using HTML, CSS, JavaScript and Bootstrap and is easy to use and helps learners understand the basic concept of JS. In this project, the user has a provision to add book details like book name, author name, book URL, ISBN, edition, publication date, the status of reading the book, and book genre through the web page. In addition, the user has a provision to search for the available books in the library by the book name, author name, or type. If book details are present in the LocalStorage, the search details are displayed on the web page. Users also have a provision to delete a specific book or all books. The user can choose his favorites and edit any book details very quickly.

In this project, you will learn how to implement add, remove/delete, search, and save functionalities. You will also learn how to deploy, or publish, your web site to Azure so that you can show it off to your friends.

Visit Website:

You can try the website at Online Library

Functionalities :

Input the book Name, Author, URL, Edition, ISBN, Publication Date, Status, and Book Type to add the book. If the book name is missing, it will show you an error. As I used LocalStorage, if you refresh or close the tab, your books will not disappear. You can clear the bookshelf just by clicking on clear shelf. You can also search books by book name, author, and type.

Adding

Adding Book in Shelf:

Adding Book Without Entering Book Name:

Clearing Book Shelf:

Searching

Search Book By Type:

Search Book By Author:

Search Book By Name:

Sample working

online-library-google-chrome-2022-10-11-22-11-01_Zm40kwg7.mp4

Tech Stack

How to use :

  • Clone the repository
  • Go to the directory
  • Run index.html file
  • Enter book name, author and type of book
  • Press add book

Code Of Conduct 📜

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.

Contribution is fun! ✌🏼

If you have any feedback or suggestions please reach out to me.

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions Contributing Guidelines!

You can create a issue and mention there , which new features or extension can make this Project more good.



Show some ❤️ by starring⭐ this awesome Repository!


OUR VALUABLE CONTRIBUTORS✨

simple-library-managment's People

Contributors

samipak458 avatar saimaheshtaduri avatar dhcjs avatar captaintron avatar nalin243 avatar dvig14 avatar adwaith-krishna avatar soustab10 avatar hrishit-b avatar sakshimishra19 avatar diego-rapoport avatar sumitbishti avatar sarthakastic avatar nileshlad09 avatar deepaksuthar40128 avatar steven4714 avatar varshil-shah avatar maharshi-sinha avatar sohaibkamran-25 avatar aryan-srivastava avatar shashwat0227 avatar imrezwan avatar wardahabid03 avatar shaba1406 avatar richardhanitio avatar pratikshamanjrekar avatar leidiflores avatar vaibhav-1508 avatar shreyas-9 avatar richardhartleydev avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.