{"id":29544579,"url":"https://github.com/allancrabelo/notes360","last_synced_at":"2026-04-30T16:32:38.833Z","repository":{"id":304569967,"uuid":"1019169337","full_name":"allancrabelo/Notes360","owner":"allancrabelo","description":"Notas360 is a smart platform for schools and courses that automates grade calculations, applies custom weights, and generates performance reports. With a responsive and user-friendly interface, it streamlines academic management and improves student tracking.","archived":false,"fork":false,"pushed_at":"2025-07-13T22:46:57.000Z","size":2,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-14T00:29:26.950Z","etag":null,"topics":["a11y","clean-code","component-based-software-design","css-transitions","css3","dom-manipulation","event-handling","figma","flexbox","from-validation","front-end","grid-layout","htlml5","javascript","project-architecture","responsive-design","semantic-html","ux-ui-design","vanilla-javascript"],"latest_commit_sha":null,"homepage":"","language":null,"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/allancrabelo.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,"zenodo":null}},"created_at":"2025-07-13T22:23:51.000Z","updated_at":"2025-07-13T22:47:00.000Z","dependencies_parsed_at":"2025-07-14T00:29:30.546Z","dependency_job_id":"d6505e1c-ffa5-43b4-a2ff-d0d233f562f1","html_url":"https://github.com/allancrabelo/Notes360","commit_stats":null,"previous_names":["allancrabelo/notes360"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/allancrabelo/Notes360","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allancrabelo%2FNotes360","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allancrabelo%2FNotes360/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allancrabelo%2FNotes360/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allancrabelo%2FNotes360/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/allancrabelo","download_url":"https://codeload.github.com/allancrabelo/Notes360/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/allancrabelo%2FNotes360/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265619525,"owners_count":23799444,"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":["a11y","clean-code","component-based-software-design","css-transitions","css3","dom-manipulation","event-handling","figma","flexbox","from-validation","front-end","grid-layout","htlml5","javascript","project-architecture","responsive-design","semantic-html","ux-ui-design","vanilla-javascript"],"created_at":"2025-07-17T15:02:35.453Z","updated_at":"2026-04-30T16:32:38.782Z","avatar_url":"https://github.com/allancrabelo.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notes360\n\n**Notes360** is a smart, scalable, and responsive platform designed to revolutionize grade management for schools, universities, and online courses. It automates weighted grade calculations, supports custom grading criteria, and generates detailed performance reports, streamlining academic management and enhancing student progress tracking.\n\n\u003cimg src=\"https://github.com/user-attachments/assets/8a87f7ea-7801-42af-abdf-418f9caf4c73\" \n     alt=\"image\" \n     style=\"display: block; margin: 0 auto; max-width: 100%; height: auto;\" /\u003e\n\n---\n\n## 🚀 Why Choose Notes360?\n\n- **Highly scalable:** Supports thousands of simultaneous users and processes millions of grade records with high performance.\n- **Responsive interface:** Works flawlessly on desktops, tablets, and mobile devices.\n- **Intelligent automation:** Eliminates human error by automating weighted average calculations and pass/fail evaluations.\n- **User-friendly experience:** Designed for intuitive use, minimizing the time spent managing academic data.\n- **Flexible grading systems:** Supports customizable weightings and passing criteria tailored to your institution’s needs.\n\n---\n\n## 🛠 Technology Stack\n\n| Layer          | Technology / Tool       | Purpose                                         |\n|----------------|------------------------|------------------------------------------------|\n| Frontend       | HTML5, CSS3, JavaScript| Building UI, styling, and client-side logic    |\n| UI/UX Design   | Figma                  | Prototyping and visual design                   |\n| Version Control| Git \u0026 GitHub           | Source code management                           |\n| State Management | Vanilla JavaScript    | Dynamic data handling and DOM manipulation      |\n\n---\n\n## 🔍 Technical Highlights\n\n- **Semantic HTML:** Proper use of HTML tables for clear and accessible grade display.\n- **Modern CSS:** Clean, responsive styling to ensure accessibility and polished visuals.\n- **Modular JavaScript:** Reusable functions for maintainable and scalable logic implementation.\n- **Input Validation:** Real-time user input validation to ensure data integrity.\n- **Dynamic DOM Updates:** Add and update grade entries without page reloads.\n- **Automated Pass/Fail Logic:** Automatically determine passing status based on configurable minimum grade.\n\n---\n\n## 📊 How the Grade Calculator Works (JavaScript Flow)\n\n```mermaid\nflowchart LR\n    A[Input grades \u0026 weights] --\u003e B{Validate?}\n    B -- Yes --\u003e C[Add to table]\n    B -- No --\u003e D[Show error]\n    C --\u003e E[Calculate avg]\n    E --\u003e F{Avg \u003e= min?}\n    F -- Yes --\u003e G[Passed]\n    F -- No --\u003e H[Failed]\n    G --\u003e I[Update UI]\n    H --\u003e I\n    I --\u003e J[Show results]\n``` \n## Figma\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/5710789b-ceeb-468c-88fd-c1e74b059c05\" alt=\"Figma - Feito com Clipchamp (1)\" width=\"600\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cstrong\u003eDesign and Prototyping:\u003c/strong\u003e\u003cbr\u003e\n  Experienced in creating intuitive and detailed UI/UX prototypes using Figma, enabling seamless project planning and stakeholder communication.\n\u003c/p\u003e\n\n## 🧑‍💻 Skills Demonstrated and Applied\n```\n     - Dynamic creation of HTML grade tables with semantic markup.\n\n     - Application of modern CSS for responsive and accessible styling.\n\n     - Development of modular JavaScript logic, including:\n\n     - Reusable functions for weighted grade calculations.\n\n     - Conditional logic for pass/fail determination.\n\n     - Efficient DOM manipulation for smooth, real-time updates.\n\n     - Robust input handling and validation to prevent errors.\n\n     - Integration of UI/UX prototypes from Figma for visual and functional alignment.\n```\n---\n\n## ⚡ Getting Started\nClone this repository.\n\nOpen `index.html` in your preferred browser.\n\nAdd your activities and grades, and watch Notes360 streamline your academic management with intelligent automation.\n\n## 🌟 Transform Your Academic Management with Notes360!\nAccelerate workflows, eliminate manual errors, and provide students and educators with a modern, easy-to-use tool that makes tracking academic performance effortless.\n\nSTACKS: `JavaScript`, `HTML` and `CSS`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallancrabelo%2Fnotes360","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fallancrabelo%2Fnotes360","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fallancrabelo%2Fnotes360/lists"}