Library Project

From The Odin Project curriculum

Installation

If you want to run the application on your local computer or edit its source code, follow these steps:

• Clone the Repository:

  • Use git clone https://github.com/olyafrontend/7.Library to clone the repository if you have Git installed.
  • Alternatively, you can download the repository as a .zip file and extract it.

• Open the Application:

  • Navigate to the location where you saved the repository on your computer.
  • Find and open the index.html file in your preferred web browser.

Usage

To add a book to your library, follow these steps:

1. Click on the "Add Book" button to open a form
2. Fill out the form with the book's details that you want to track
3. After clicking "Submit," you will see the book appear in your library
4. You can mark it as "Read" or "Not Read" and Remove it from your view
5. Toggle the switch in the top right corner to switch between modes

Preview

Desktop

Tablet	Mobile

What I Learned

• Utilization of checkbox's :checked property
• Effective use of ES6 classes to reduce the amount of code
• Quick hack of static declaration for class methods to call them without initializing an object
• Utilization of factory functions

Built With

• HTML5
• CSS3
• JavaScript

Contributing

Feel free to submit an issue if you find a bug in the application. You are also welcome to make a pull request if you want to introduce a major change or add a new feature.

License

• This project is under the MIT License
• Copyright © 2023 - olyafrontend