{"id":28287431,"url":"https://github.com/chbappy-cse/javascript-dom-mini-projects","last_synced_at":"2026-01-25T18:32:35.994Z","repository":{"id":284589764,"uuid":"955385228","full_name":"chbappy-cse/JavaScript-DOM-mini-projects","owner":"chbappy-cse","description":"A collection of JavaScript DOM mini-projects to enhance JavaScript skills and explore DOM manipulation. Includes projects like a Todo List, Quiz App, Weather App, Calculator, QR Code Generator, Music Player, and more. Perfect for beginners and those looking to practice frontend development.","archived":false,"fork":false,"pushed_at":"2025-03-27T16:08:15.000Z","size":17836,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-18T05:41:17.267Z","etag":null,"topics":["api","dom-manipulation","frontend","html-css-javascript","learning","mini-project","practice-project","project","web-development"],"latest_commit_sha":null,"homepage":"https://chbappy-cse.github.io/JavaScript-DOM-mini-projects/","language":"HTML","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/chbappy-cse.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":"2025-03-26T14:57:33.000Z","updated_at":"2025-04-05T12:12:52.000Z","dependencies_parsed_at":"2025-03-26T17:45:12.488Z","dependency_job_id":null,"html_url":"https://github.com/chbappy-cse/JavaScript-DOM-mini-projects","commit_stats":null,"previous_names":["chbappy-cse/javascript-dom-mini-projects"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chbappy-cse/JavaScript-DOM-mini-projects","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chbappy-cse%2FJavaScript-DOM-mini-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chbappy-cse%2FJavaScript-DOM-mini-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chbappy-cse%2FJavaScript-DOM-mini-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chbappy-cse%2FJavaScript-DOM-mini-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chbappy-cse","download_url":"https://codeload.github.com/chbappy-cse/JavaScript-DOM-mini-projects/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chbappy-cse%2FJavaScript-DOM-mini-projects/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28756442,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T16:32:25.380Z","status":"ssl_error","status_checked_at":"2026-01-25T16:32:09.189Z","response_time":113,"last_error":"SSL_read: 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":["api","dom-manipulation","frontend","html-css-javascript","learning","mini-project","practice-project","project","web-development"],"created_at":"2025-05-21T22:11:38.602Z","updated_at":"2026-01-25T18:32:35.989Z","avatar_url":"https://github.com/chbappy-cse.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaScript DOM Mini Projects\n\nThis repository contains a collection of JavaScript DOM-based mini-projects to help improve JavaScript skills and learn more about the Document Object Model (DOM).\n\n## Projects List\n\n### 1. Social Media Website (Like Facebook)\nA basic social media interface with post creation, likes, and comments using JavaScript and DOM manipulation.\n\n### 2. JavaScript Weather App\nFetches real-time weather data using an API and displays temperature, humidity, and conditions.\n\n### 3. Todo List\nA dynamic to-do list application that allows adding, editing, and deleting tasks with local storage support.\n\n### 4. Quiz App\nA multiple-choice quiz application with score tracking and question randomization.\n\n### 5. Random Password Generator\nGenerates a secure random password based on user-selected criteria (length, symbols, numbers, uppercase, lowercase).\n\n### 6. Password Hide and Show\nA simple toggle functionality to show or hide the password input field in forms.\n\n### 7. Notes App\nA simple note-taking app where users can add, edit, and delete notes with local storage functionality.\n\n### 8. Age Calculator\nCalculates age based on the user's date of birth input and displays it dynamically.\n\n### 9. JavaScript Calculator App\nA basic calculator with arithmetic operations using JavaScript.\n\n### 10. Quote Generator App\nFetches and displays random motivational or inspirational quotes dynamically.\n\n### 11. QR Code Generator\nGenerates a QR code based on user input text or URL using a QR code API.\n\n### 12. Notification Toast\nDisplays custom toast notifications for user alerts with auto-dismiss functionality.\n\n### 13. Music Player\nA simple music player with play, pause, next, previous, and volume controls.\n\n### 14. Stopwatch\nA functional stopwatch with start, stop, and reset buttons.\n\n### 15. Popup\nA modal popup that displays content when triggered and can be closed by clicking outside or on the close button.\n\n### 16. Form Validation\nValidates user inputs in a form (e.g., email format, password strength, required fields) using JavaScript.\n\n### 17. Horizontal Scrolling Slide Gallery\nA smooth horizontal scrolling gallery that users can navigate using buttons or drag interactions.\n\n### 18. Email Subscription\nA simple email subscription form where users can enter their email to subscribe to a newsletter, with validation and local storage.\n\n### More Coming Soon...\nStay tuned for more exciting JavaScript projects!\n\n## Installation \u0026 Usage\n1. Clone the repository:\n   ```sh\n   git clone https://github.com/chbappy-cse/JavaScript-DOM-mini-projects.git\n   ```\n2. Open the project folder in your code editor.\n3. Open any project `.html` file in a browser to see it in action.\n\n## Technologies Used\n- HTML\n- CSS\n- JavaScript (DOM Manipulation)\n- APIs (for Weather App, QR Code Generator, and Quote Generator)\n\n## Contributions\nFeel free to contribute by adding new features, fixing bugs, or optimizing the existing code.\n\n## License\nThis project is licensed under the MIT License.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchbappy-cse%2Fjavascript-dom-mini-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchbappy-cse%2Fjavascript-dom-mini-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchbappy-cse%2Fjavascript-dom-mini-projects/lists"}