An open API service indexing awesome lists of open source software.

https://github.com/shravzzv/odin-library-project

A small library app using the Object constructors Javascript design pattern.
https://github.com/shravzzv/odin-library-project

javascript library oop simple theodinproject

Last synced: about 1 year ago
JSON representation

A small library app using the Object constructors Javascript design pattern.

Awesome Lists containing this project

README

          

# Simple book library

This project demonstrates my skills in implementing the **Objects and Object Constructors design pattern** using JavaScript. It's part of [The Odin Project][project-url] and was completed as a segment of their [JavaScript course][course-url].

![Library][pic-url-1]
![Form][pic-url-2]

[View Demo][deployment-url]

## Features

- **Add Books**: Effortlessly expand your library with user-friendly forms.
- **Toggle Read Status**: Quickly mark books as read or unread with a click.
- **Remove Books**: Effortlessly manage your collection by removing books at will.
- **Client-side Form Validation**: Ensure data accuracy during book addition with built-in form validation.
- **Responsive Design**: Seamlessly adapts to various screen sizes for a seamless user experience.

## Installation

To run this project locally, follow these simple steps:

1. Clone the repository:

```bash
git clone https://github.com/shravzzv/ODIN-Library-project
```

1. Open `index.html` in your browser.

## Contribute

Your contributions are welcome! Here are two ways you can get involved:

- **Submit an Issue**: If you find any issues or have suggestions for improvements, please [submit an issue][issue-tracker-url] on the GitHub repository.

- **Submit a Pull Request**: If you'd like to contribute directly to the project, you can [submit a pull request][pull-tracker-url].

## License

The project is licensed under the [MIT license][Licence-url].

---

[pic-url-1]: https://res.cloudinary.com/dmt9s5xlh/image/upload/v1693814960/INBOX/ODIN-lib-home_y6oxtk.jpg
[pic-url-2]: https://res.cloudinary.com/dmt9s5xlh/image/upload/v1693814960/INBOX/ODIN-lib-form_p7u4z9.jpg
[project-url]: https://www.theodinproject.com/lessons/node-path-javascript-library
[course-url]: https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript
[deployment-url]: https://shravzzv.github.io/ODIN-Library-project/
[issue-tracker-url]: https://github.com/shravzzv/ODIN-Library-project/issues
[pull-tracker-url]: https://github.com/shravzzv/ODIN-Library-project/pulls
[Licence-url]: https://github.com/shravzzv/ODIN-Library-project/blob/main/LICENSE