{"id":22371521,"url":"https://github.com/vscode-empaths/vscode-affirmations-web-frontend","last_synced_at":"2026-03-19T22:36:23.816Z","repository":{"id":72922729,"uuid":"577504441","full_name":"VSCode-Empaths/VSCode-Affirmations-Web-Frontend","owner":"VSCode-Empaths","description":"A VSCode extension and custom Jest reporter designed to foster positive thought and self-improvement through error based and daily affirmations.","archived":false,"fork":false,"pushed_at":"2022-12-15T23:08:33.000Z","size":7626,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-26T16:53:14.882Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://error-affirmations.netlify.app/","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/VSCode-Empaths.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":"2022-12-12T22:10:30.000Z","updated_at":"2022-12-16T22:37:44.000Z","dependencies_parsed_at":"2023-03-01T01:46:12.446Z","dependency_job_id":null,"html_url":"https://github.com/VSCode-Empaths/VSCode-Affirmations-Web-Frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/VSCode-Empaths/VSCode-Affirmations-Web-Frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VSCode-Empaths%2FVSCode-Affirmations-Web-Frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VSCode-Empaths%2FVSCode-Affirmations-Web-Frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VSCode-Empaths%2FVSCode-Affirmations-Web-Frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VSCode-Empaths%2FVSCode-Affirmations-Web-Frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VSCode-Empaths","download_url":"https://codeload.github.com/VSCode-Empaths/VSCode-Affirmations-Web-Frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VSCode-Empaths%2FVSCode-Affirmations-Web-Frontend/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265495403,"owners_count":23776626,"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":[],"created_at":"2024-12-04T20:21:28.704Z","updated_at":"2026-02-04T06:46:02.185Z","avatar_url":"https://github.com/VSCode-Empaths.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## The Golden Rule:\n\n🦸 🦸‍♂️ `Stop starting and start finishing.` 🏁\n\nIf you work on more than one feature at a time, you are guaranteed to multiply your bugs and your anxiety.\n\n## Making a plan\n\n1. **Make a drawing of your app. Simple \"wireframes\"**\n1. **Once you have a drawing, name the HTML elements you'll need to realize your vision**\n1. **For each HTML element ask: Why do I need this?**\n1. **Once we know _why_ we need each element, think about how to implement the \"Why\" as a \"How\"**\n1. **Find all the 'events' (user clicks, form submit, on load etc) in your app. Ask one by one, \"What happens when\" for each of these events. Does any state change?**\n1. **Think about how to validate each of your features according to a Definition of Done**\n1. **Consider what features _depend_ on what other features. Use this dependency logic to figure out what order to complete tasks.**\n\nAdditional considerations:\n\n-   Ask: which of your HTML elements need to be hard coded, and which need to be dynamically generated?\n-   Consider your data model.\n    -   What kinds of objects (i.e., Dogs, Friends, Todos, etc) will you need?\n    -   What are the key/value pairs?\n    -   What arrays might you need?\n    -   What needs to live in a persistence layer?\n-   Is there some state we need to initialize?\n-   Ask: should any of this work be abstracted into functions? (i.e., is the work complicated? can it be reused?)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvscode-empaths%2Fvscode-affirmations-web-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvscode-empaths%2Fvscode-affirmations-web-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvscode-empaths%2Fvscode-affirmations-web-frontend/lists"}