{"id":19945557,"url":"https://github.com/odilson-dev/library","last_synced_at":"2026-04-21T13:04:05.713Z","repository":{"id":221771490,"uuid":"754835156","full_name":"odilson-dev/library","owner":"odilson-dev","description":"Project Library from TOP.","archived":false,"fork":false,"pushed_at":"2024-04-28T17:47:13.000Z","size":1985,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-09T10:50:57.646Z","etag":null,"topics":["book","html-css-javascript","library"],"latest_commit_sha":null,"homepage":"https://odilson-dev.github.io/library/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/odilson-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-02-08T21:14:57.000Z","updated_at":"2024-04-28T17:47:33.000Z","dependencies_parsed_at":"2024-02-12T05:30:38.533Z","dependency_job_id":"2e3db94e-804e-40e3-8ae9-47b10d1beea1","html_url":"https://github.com/odilson-dev/library","commit_stats":null,"previous_names":["odilsoncode/library","odilson-dev/library"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/odilson-dev/library","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Flibrary","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Flibrary/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Flibrary/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Flibrary/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/odilson-dev","download_url":"https://codeload.github.com/odilson-dev/library/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/odilson-dev%2Flibrary/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32093156,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-21T11:25:29.218Z","status":"ssl_error","status_checked_at":"2026-04-21T11:25:28.499Z","response_time":128,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["book","html-css-javascript","library"],"created_at":"2024-11-13T00:26:00.160Z","updated_at":"2026-04-21T13:04:05.648Z","avatar_url":"https://github.com/odilson-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Library Project from Odin\n\n![Screen capture](images/Screenshot%202024-02-22%20at%2016-16-42%20Library.png)\n\n## Introduction\n\nThis project extends the 'Book' example from the previous lesson to create a small Library app using HTML, CSS, and JavaScript.\n\n## Technologies Used\n\n- HTML\n- JavaScript\n- CSS\n\n## Learnings\n\n- Setting up a project with HTML, CSS, and JavaScript files.\n- Storing book objects in an array.\n- Writing functions to manipulate the array of books.\n- Displaying books on the page using DOM manipulation.\n- Implementing user input forms to add new books.\n- Handling form submissions and preventing default behavior.\n- Associating DOM elements with book objects using data attributes.\n- Adding functionality to remove books from the library.\n- Implementing toggling of read status for each book.\n\n## Project Structure\n\nThe project consists of the following files:\n\n- `index.html`: HTML file for the main structure of the web app.\n- `style.css`: CSS file for styling the web app.\n- `script.js`: JavaScript file containing the logic for the Library app.\n\n## Usage\n\nTo use the Library app:\n\n1. Open `index.html` in a web browser.\n2. Add new books using the \"NEW BOOK\" button and fill in the required details.\n3. Click on individual books to toggle their read status.\n4. Click on the \"Remove\" button to remove a book from the library.\n\n## Future Improvements\n\n- Implementing storage functionality to persist data.\n- Enhancing the user interface with additional styling and features.\n\n## Links\n\nHere is the: [Course link](https://www.theodinproject.com/lessons/javascript-library)\nVisit live site: [Library](https://odilson-dev.github.io/library/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodilson-dev%2Flibrary","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fodilson-dev%2Flibrary","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fodilson-dev%2Flibrary/lists"}