Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raminmammadzada/js-library
A library webpage to add and remove the books and follow up the books already read. The main CRUD operations are applied with javascript by using local-storage in browser.
https://github.com/raminmammadzada/js-library
bootstrap4 es6 js localstorage
Last synced: 12 days ago
JSON representation
A library webpage to add and remove the books and follow up the books already read. The main CRUD operations are applied with javascript by using local-storage in browser.
- Host: GitHub
- URL: https://github.com/raminmammadzada/js-library
- Owner: RaminMammadzada
- Created: 2020-11-23T19:16:13.000Z (about 4 years ago)
- Default Branch: develop
- Last Pushed: 2020-12-01T08:15:03.000Z (about 4 years ago)
- Last Synced: 2024-11-29T00:32:26.938Z (24 days ago)
- Topics: bootstrap4, es6, js, localstorage
- Language: JavaScript
- Homepage:
- Size: 212 KB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/Microverse-blueviolet)
Microverse JS Project#1 -> JS Library
# JS- LIBRARY
In this project we created a simple library using javascript and finished the following milestones:
- [x] Miltestone 1 - Basic initial setups and linter configurations.
- [x] Miltestone 2 - Set the project with skeleton HTML/CSS and JS files.
- [x] Miltestone 3 - Add a function to the script that can take user’s input and store the new book objects into an array..
- [x] Miltestone 4 - Write a function that loops through the array and displays each book on the page
- [x] Miltestone 5 - Add a “NEW BOOK” button that brings up a form allowing users to input the details for the new book
- [x] Miltestone 6 - Add a button on each book’s display to remove the book from the library
- [x] Miltestone 7 - Add a button on each book’s display to change its `read` status![screenshot](./images/screenshot.png)
[The screenshot of the page]## Built With
- Bootstrap
- Javascript## Live Demo
[Live Demo Link](https://raminmammadzada.github.io/js-library/)
## Getting Started
To get a local copy up and running follow these simple example steps.
- Clone the repository by runing `git clone https://github.com/RaminMammadzada/js-library.git` on your terminal
- cd into project folder `cd js-library`
- Open the `index.html` file using your favorite browser## Authors
👤 **Ramin Mammadzada**
- Github: [@RaminMammadzada](https://github.com/RaminMammadzada)
- Twitter: [@RaminMammadzada](https://twitter.com/RaminMammadzada)
- Linkedin: [@RaminMammadzada](https://www.linkedin.com/in/raminmammadzada)👤 **Peris Ndanu**
- Github: [@githubhandle](https://github.com/mimipeshy)
- Twitter: [@twitterhandle](https://twitter.com/pygirl254)
- Linkedin: [linkedin](https://linkedin.com/peris-ndanu-405083193//)## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse
- Odin project## 📝 License
This project is [MIT](lic.url) licensed.