{"id":27081918,"url":"https://github.com/slendershield/dog-glossary","last_synced_at":"2026-05-05T21:33:59.379Z","repository":{"id":263809397,"uuid":"891453758","full_name":"SlenderShield/dog-glossary","owner":"SlenderShield","description":"The Dog Glossary is a fun and interactive project get dog images depending on the breed, and other detials.","archived":false,"fork":false,"pushed_at":"2025-03-28T11:22:40.000Z","size":70,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-06T02:37:07.176Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SlenderShield.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-11-20T11:12:09.000Z","updated_at":"2025-03-28T11:22:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"1f5a4aee-6b40-4740-962b-e95f89be1665","html_url":"https://github.com/SlenderShield/dog-glossary","commit_stats":null,"previous_names":["slendershield/dog-glossary"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SlenderShield/dog-glossary","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SlenderShield%2Fdog-glossary","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SlenderShield%2Fdog-glossary/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SlenderShield%2Fdog-glossary/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SlenderShield%2Fdog-glossary/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SlenderShield","download_url":"https://codeload.github.com/SlenderShield/dog-glossary/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SlenderShield%2Fdog-glossary/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32669431,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","response_time":54,"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":["css","html","javascript"],"created_at":"2025-04-06T02:37:21.308Z","updated_at":"2026-05-05T21:33:59.358Z","avatar_url":"https://github.com/SlenderShield.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Dog Glossary  \n\n## Introduction  \nThe **Dog Glossary** is a fun and interactive project to improve your HTML, CSS, and JavaScript skills. Using a public API, this project allows users to:  \n- View random pictures of adorable dogs.  \n- Browse through a list of dog breeds.  \n\nThis project is a great way to practice:  \n- Working with APIs.  \n- Handling promises in JavaScript.  \n- Managing and displaying data dynamically on a webpage.  \n\n## Features  \n- Display random pictures of dogs.  \n- List all available dog breeds in a clean, user-friendly interface.  \n- Fetch and process data from an API using JavaScript.  \n\n## Technologies Used  \n- **HTML5**: To structure the webpage.  \n- **CSS3**: To style the webpage and make it visually appealing.  \n- **JavaScript (ES6)**: To fetch data, handle promises, and dynamically render content.  \n- **Dog API**: A public API used to fetch random dog pictures and breed information.  \n\n## API Reference  \nThe project uses the [Dog API](https://thedogapi.com) for fetching data.  \n\n### Key Endpoints  \n- **Random Dog Images**:  \n  ```\n  GET https://dog.ceo/api/breeds/image/random\n  ```  \n- **List of Dog Breeds**:  \n  ```\n  GET https://dog.ceo/api/breeds/list/all\n  ```  \n\n## Getting Started  \n\n### Prerequisites  \n- Basic understanding of HTML, CSS, and JavaScript.  \n- A text editor like VS Code.  \n- A browser to test your web page.  \n\n### Installation  \n1. Clone this repository:  \n   ```bash  \n   git clone https://github.com/your-username/dog-glossary.git  \n   cd dog-glossary  \n   ```  \n2. Open the project in your preferred text editor.  \n\n3. Open the `index.html` file in a browser to see the project in action.  \n\n## Usage  \n1. Open the webpage in your browser.  \n2. Click on the button to fetch and display a random dog picture.  \n3. Browse through the list of dog breeds displayed dynamically on the page.  \n\n## Folder Structure  \n```plaintext  \ndog-glossary/  \n├── index.html         # Main HTML file.  \n├── styles.css         # CSS file for styling the webpage.  \n├── script.js          # JavaScript file for functionality.  \n├── README.md          # Project documentation.  \n```  \n\n## Learning Outcomes  \n- How to fetch and process data using an API.  \n- Working with promises in JavaScript.  \n- Dynamically updating the DOM.  \n- Structuring and styling a project effectively.  \n\n## Example Screenshots  \n### Random Dog Picture  \n![Random Dog Picture Screenshot](path-to-your-screenshot.png)  \n\n### List of Breeds  \n![Dog Breeds Screenshot](path-to-your-screenshot.png)  \n\n## Future Enhancements  \n- Add search functionality to filter breeds.  \n- Include more details about each breed, such as temperament and size.  \n- Implement a dark mode for better user experience.  \n\n## Contributing  \nContributions are welcome! Feel free to fork this repository and submit a pull request.  \n\n## License  \nThis project is licensed under the [MIT License](LICENSE).  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fslendershield%2Fdog-glossary","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fslendershield%2Fdog-glossary","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fslendershield%2Fdog-glossary/lists"}