{"id":50434618,"url":"https://github.com/top-submissions/foundations-calculator","last_synced_at":"2026-05-31T16:30:39.813Z","repository":{"id":307593504,"uuid":"1022413486","full_name":"top-submissions/foundations-calculator","owner":"top-submissions","description":null,"archived":false,"fork":false,"pushed_at":"2025-12-24T23:24:36.000Z","size":10,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-03T13:54:15.755Z","etag":null,"topics":["arithmetic","beginner-project","calculator","clean-design","css","dom-manipulation","event-listeners","foundations-path","frontend","functional-programming","hover-effects","html","input-validation","interactive-ui","javascript","mini-project","odin-project","responsive-design","student-project","web-development"],"latest_commit_sha":null,"homepage":"","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/top-submissions.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,"zenodo":null}},"created_at":"2025-07-19T03:05:11.000Z","updated_at":"2025-12-24T23:24:57.000Z","dependencies_parsed_at":"2025-08-01T04:27:33.559Z","dependency_job_id":"010207af-a066-4ced-889f-21f4f16bf17b","html_url":"https://github.com/top-submissions/foundations-calculator","commit_stats":null,"previous_names":["matimotthetimoters/top-calculator","top-submissions/foundations-calculator"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/top-submissions/foundations-calculator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/top-submissions%2Ffoundations-calculator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/top-submissions%2Ffoundations-calculator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/top-submissions%2Ffoundations-calculator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/top-submissions%2Ffoundations-calculator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/top-submissions","download_url":"https://codeload.github.com/top-submissions/foundations-calculator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/top-submissions%2Ffoundations-calculator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33739860,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["arithmetic","beginner-project","calculator","clean-design","css","dom-manipulation","event-listeners","foundations-path","frontend","functional-programming","hover-effects","html","input-validation","interactive-ui","javascript","mini-project","odin-project","responsive-design","student-project","web-development"],"created_at":"2026-05-31T16:30:39.078Z","updated_at":"2026-05-31T16:30:39.808Z","avatar_url":"https://github.com/top-submissions.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Foundations Calculator\n\nA **calculator project** built with **HTML, CSS, and JavaScript**  \nas part of **The Odin Project – Foundations Path**.\n\nThis project demonstrates building a functional calculator interface with basic arithmetic operations, a responsive design, and clean, interactive UI.\n\n---\n\n## 🚀 Live Demo\n\n👉 https://top-submissions.github.io/foundations-calculator/\n\n---\n\n## 📋 Project Overview\n\nThe calculator supports:\n\n- Basic arithmetic operations: addition, subtraction, multiplication, division  \n- Special buttons: clear, negate, decimal, backspace  \n- Interactive button feedback and styling  \n- Real-time input display\n\nThe project focuses on DOM manipulation, event handling, and JavaScript logic implementation.\n\n---\n\n## ✨ Features\n\n- Functional calculator with all standard operations  \n- Interactive buttons with hover and active states  \n- Input validation to prevent invalid operations (e.g., division by zero)  \n- Responsive design for desktop and mobile  \n- Simple, clean interface using CSS variables for consistent styling\n\n---\n\n## 🛠 Technologies Used\n\n- **HTML5:** Semantic markup for calculator structure  \n- **CSS3:** Styling, responsive layout, variables, and hover effects  \n- **JavaScript (ES6):** DOM manipulation, event listeners, and calculation logic\n\n---\n\n## 📖 How It Works\n\n* Each button triggers an event listener in `script.js`\n* Number buttons append digits to the input display\n* Operator buttons handle calculations and store operands\n* Special buttons handle clear, negate, decimal, and backspace\n* The script ensures valid operations and updates the display in real-time\n\n---\n\n## 📚 Learning Outcomes\n\n* DOM manipulation and event handling in vanilla JavaScript\n* Structuring HTML and CSS for a calculator interface\n* Implementing responsive design\n* Using CSS variables and consistent styling\n* Debugging and fixing logical errors in JavaScript\n\n---\n\n## 👤 Author\n\n**MatimotTheTimoters**\nGitHub: [https://github.com/Chonky_Seal](https://github.com/Chonky_Seal)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftop-submissions%2Ffoundations-calculator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftop-submissions%2Ffoundations-calculator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftop-submissions%2Ffoundations-calculator/lists"}