{"id":15387988,"url":"https://github.com/break-stuff/shameshopper","last_synced_at":"2026-03-09T02:32:17.311Z","repository":{"id":88259809,"uuid":"163180036","full_name":"break-stuff/ShameShopper","owner":"break-stuff","description":"A simple project to get comfortable with the core Vue.js features.","archived":false,"fork":false,"pushed_at":"2020-07-10T14:47:45.000Z","size":9,"stargazers_count":1,"open_issues_count":0,"forks_count":4,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-06T05:34:33.551Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/break-stuff.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":"2018-12-26T12:54:36.000Z","updated_at":"2019-01-09T17:41:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"aa4c29b9-5a08-4a91-81e6-6e0a5f4ccbd9","html_url":"https://github.com/break-stuff/ShameShopper","commit_stats":{"total_commits":8,"total_committers":2,"mean_commits":4.0,"dds":0.125,"last_synced_commit":"79ce553a1553da7d5b1e5f01e3ad4dd569dea3d7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/break-stuff/ShameShopper","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/break-stuff%2FShameShopper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/break-stuff%2FShameShopper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/break-stuff%2FShameShopper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/break-stuff%2FShameShopper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/break-stuff","download_url":"https://codeload.github.com/break-stuff/ShameShopper/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/break-stuff%2FShameShopper/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30280854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T02:23:26.802Z","status":"ssl_error","status_checked_at":"2026-03-09T02:22:46.175Z","response_time":61,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":[],"created_at":"2024-10-01T14:55:13.351Z","updated_at":"2026-03-09T02:32:17.291Z","avatar_url":"https://github.com/break-stuff.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Welcome to the Shame Shopper Challenge!!!\n\n## Your Objective:\n\nBecome familiar with the core functionality of the Vue.js framework. This project has two directories: `start` and `finish`. The `start` directory is a clean slate for you to code your challenge in. The `finish` directory is an example of the finished product. Keep in mind that your project ***does not*** have to look like that at the end. There are many ways to skin a cat in Vue.\n\nAvoid looking at it as much as possible and instead look at the [Vue.js documentation](https://vuejs.org) for explanations and examples on how to use the framework. The documentation is ***excellent***!\n\nStarter data is provided in the `data.txt` file. Here is the summary of tasks for this challenge:\n\n1. Display Your Data\n    * Add Vue.js to your site and initialize a Vue instance.\n    * Add dummy data to your site.\n    * Render your data on your in a meaningful way.\n2. Interact with your data\n    * Provide a way to add new items to your list.\n    * Provide a way to update existing items.\n    * Provide a way to remove items from the list.\n3. Code Cleanup\n    * Abstract code into components\n\n## Detailed Tasks\n\n### Display Your Data\n\n1. Add Vue.js to your site using the CDN ([help](https://vuejs.org/v2/guide/installation.html#CDN)).\n2. Create a new Vue instance and have it watch en element on your page ([help](https://vuejs.org/v2/guide/index.html#Declarative-Rendering)).\n3. Add data to your Vue instance (there is some starter data in the `data.txt` file located at the root of the project).\n4. Create a table on your page and dynamically populate the rows of the table using the data in your Vue instance ([help](https://vuejs.org/v2/guide/index.html#Conditionals-and-Loops)).\n    * Be sure to ad a subtotal value in each row.\n5. Add image or text indication of healthy or non-healthy foods.\n6. Add a Total row at the bottom of your dynamic rows.\n7. Create custom filter for currency ([help](https://vuejs.org/v2/guide/filters.html));\n\n### Interact With Your Data\n\n1. Add a form in the footer of your table where users can add new items to their list ([help](https://vuejs.org/v2/guide/index.html#Handling-User-Input)).\n2. Add Edit button to toggle a form in the table so users can update their items.\n3. Add a button for users to remove items off of their list.\n\n### Code Cleanup\n\n1. Abstract Code into Components ([help](https://vuejs.org/v2/guide/index.html#Composing-with-Components));\n    * Move code for table rows into a custom component.\n    * Move Add new form into a custom component.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbreak-stuff%2Fshameshopper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbreak-stuff%2Fshameshopper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbreak-stuff%2Fshameshopper/lists"}