{"id":20760695,"url":"https://github.com/dracula27/readtrakr","last_synced_at":"2025-12-24T10:11:31.063Z","repository":{"id":243963015,"uuid":"813900716","full_name":"DrAcula27/readTrakr","owner":"DrAcula27","description":"A personal library app to keep track of books. Integrates with Open Library's APIs for book data.","archived":false,"fork":false,"pushed_at":"2024-06-12T02:50:14.000Z","size":889,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-18T05:28:35.054Z","etag":null,"topics":["100devs","api","css-flexbox","css-grid","css3","fetch-api","html-css-javascript","html5","javascript","js","json","open-library-api"],"latest_commit_sha":null,"homepage":"https://dracula27.github.io/readTrakr/","language":"CSS","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/DrAcula27.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-06-12T00:49:14.000Z","updated_at":"2024-06-12T18:02:28.000Z","dependencies_parsed_at":"2024-06-12T08:34:03.596Z","dependency_job_id":"9563e5cd-1a60-4268-9deb-77abe97178da","html_url":"https://github.com/DrAcula27/readTrakr","commit_stats":null,"previous_names":["dracula27/readtrakr"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FreadTrakr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FreadTrakr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FreadTrakr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2FreadTrakr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DrAcula27","download_url":"https://codeload.github.com/DrAcula27/readTrakr/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243076605,"owners_count":20232438,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["100devs","api","css-flexbox","css-grid","css3","fetch-api","html-css-javascript","html5","javascript","js","json","open-library-api"],"created_at":"2024-11-17T10:14:56.706Z","updated_at":"2025-12-24T10:11:26.039Z","avatar_url":"https://github.com/DrAcula27.png","language":"CSS","readme":"\u003c!-- Improved compatibility of back to top link: See: https://github.com/othneildrew/Best-README-Template/pull/73 --\u003e\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- PROJECT LOGO --\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://dracula27.github.io/readTrakr/\"\u003e\n    \u003cimg src=\"./img/favicon.ico\" alt=\"Logo\" width=\"80\" /\u003e\n  \u003c/a\u003e\n\n  \u003ch3 align=\"center\"\u003eReadTrakr\u003c/h3\u003e\n\n  \u003cp align=\"center\"\u003e\n    Search for and add books to your personal library!\n    \u003cbr /\u003e\n    \u003ca href=\"https://dracula27.github.io/readTrakr/\"\u003eView Demo\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\u003cdetails\u003e\n  \u003csummary\u003eTable of Contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-the-project\"\u003eAbout The Project\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#built-with\"\u003eBuilt With\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#optimizations\"\u003eOptimizations\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#lessons-learned\"\u003eLessons Learned\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contact\"\u003eContact\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgments\"\u003eAcknowledgments\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## About The Project\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://dracula27.github.io/readTrakr/\"\u003e\n      \u003cimg src='./img/screenshot.PNG' alt='ReadTrakr Screen Shot' /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\nKeep track of every book you have read with this simple app! Search for a book by title, author, or ISBN and add it to your own personal library.\n\nBonus: it is service-agnostic! No matter how you read your books (iBooks, Kindle, real-life physical books, etc.) you can log all your reading progress here.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n### Built With\n\n- [![HTML5](https://camo.githubusercontent.com/47e36c9392fe351ab98a0324ca2cb710782731d5a56f71ffe7c68130a1ddc34f/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d48544d4c3526636f6c6f723d323335353566267374796c653d706c6173746963266c6f676f3d68746d6c35)](https://html.spec.whatwg.org/)\n- [![CSS3](https://camo.githubusercontent.com/de7f9b7e6e26494153157774db679bba3320e333f8279e98986893d490293732/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d4353533326636f6c6f723d323835663635267374796c653d706c6173746963266c6f676f3d63737333)](https://www.w3.org/Style/CSS/#specs)\n- [![JavaScript](https://camo.githubusercontent.com/201c697f87bb2a25af48ccc954f0a3c27409421b3e887b7b8e486222e6c1c6b8/68747470733a2f2f696d672e736869656c64732e696f2f7374617469632f76313f6c6162656c3d253743266d6573736167653d4a41564153435249505426636f6c6f723d336337663564267374796c653d706c6173746963266c6f676f3d6a617661736372697074)](https://tc39.es/ecma262/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- USAGE --\u003e\n\n## Usage\n\nType the title, author, or ISBN of a book you'd like to add to your library and either type the `Enter` key or click the `Search` button to display the book results.\n\n- Click the `Add to Library` button to add your book to your library.\n- The book will stay in your library even if you close your browser!\n- If you decide you no longer want a book in your library, click the `Remove from Library` button at the bottom of the book's card in the 'My Library' section.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- OPTIMIZATIONS --\u003e\n\n## Optimizations\n\nThis project can be improved by:\n\n- [ ] Refactoring the code to account for errors fetching data,\n- [ ] Replacing the alert with more custom functionality when telling the user a book is already in their library,\n- [ ] Adding a `Clear Search Results` button,\n- [x] Ensuring all book cover images are the same size,\n- [ ] Adding a confirmation modal when a user clicks the `Remove from Library` button on a book,\n- [ ] Adding a loading icon while the fetch is in progress.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LESSONS LEARNED --\u003e\n\n## Lessons Learned\n\n- **API Integration.** When getting the data from the Open Library API, I learned how to use `fetch` to get `JSON` data from an external source and use the results of one query to make another query for getting the book covers.\n- **Data Manipulation.** Once I had the data from the Open Library API, I learned how to transform that data into a format I needed for the project.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTACT --\u003e\n\n## Contact\n\nDanielle Andrews - [@DrAcula_codes](https://twitter.com/DrAcula_codes 'Twitter/X') - [daniellerandrews](https://www.linkedin.com/in/daniellerandrews 'LinkedIn') - danielle.andrews.dev@icloud.com\n\nProject Link: [https://github.com/DrAcula27/readTrakr](https://github.com/DrAcula27/readTrakr)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGMENTS --\u003e\n\n## Acknowledgments\n\nA special thanks to these resources used in the project!\n\n- [Open Library APIs](https://openlibrary.org/developers/api)\n- [GitHub Pages](https://pages.github.com)\n- [Font Awesome](https://fontawesome.com)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula27%2Freadtrakr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdracula27%2Freadtrakr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula27%2Freadtrakr/lists"}