{"id":30738788,"url":"https://github.com/sujjwal21/vspagy","last_synced_at":"2026-05-14T23:31:12.190Z","repository":{"id":312582751,"uuid":"1047969475","full_name":"sujjwal21/VSPAGY","owner":"sujjwal21","description":"The task is to build a simple web application that allows users to manage data stored in JSON format. The application should display the JSON data in a table and provide functionality to update and delete rows dynamically using only JavaScript.","archived":false,"fork":false,"pushed_at":"2025-08-31T16:32:37.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-08-31T18:28:46.272Z","etag":null,"topics":["css","html","javsscript"],"latest_commit_sha":null,"homepage":"https://vspagy.netlify.app/","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/sujjwal21.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-31T16:26:14.000Z","updated_at":"2025-08-31T16:35:02.000Z","dependencies_parsed_at":"2025-08-31T18:28:49.197Z","dependency_job_id":"5d48e07d-3f89-474b-93f2-bfff084a6fd3","html_url":"https://github.com/sujjwal21/VSPAGY","commit_stats":null,"previous_names":["sujjwal21/vspagy"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/sujjwal21/VSPAGY","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujjwal21%2FVSPAGY","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujjwal21%2FVSPAGY/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujjwal21%2FVSPAGY/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujjwal21%2FVSPAGY/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sujjwal21","download_url":"https://codeload.github.com/sujjwal21/VSPAGY/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sujjwal21%2FVSPAGY/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273518344,"owners_count":25119965,"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","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"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":["css","html","javsscript"],"created_at":"2025-09-03T22:08:41.252Z","updated_at":"2026-05-14T23:31:12.159Z","avatar_url":"https://github.com/sujjwal21.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"📊 JSON Table Management with JavaScript\n\nA simple web application built using HTML, CSS, and Vanilla JavaScript that allows users to view, add, update, delete, and search records stored in a JSON array.\n\nThis project demonstrates dynamic table rendering and JSON data manipulation without using any external frameworks or libraries (no React, Angular, Vue, jQuery, etc.).\n\n📌 Features\n\nDisplay JSON Data\nRenders a JSON array into an interactive HTML table.\n\nAdd Row\nUsers can add a new record by entering ID, Name, and Email in the form.\n\nPrevents duplicate IDs\n\nValidates email format\n\nUpdate Row\n\nEach row has an Edit button\n\nClicking Edit loads the row values into the form\n\nThe form button changes to Update Row mode\n\nChanges are saved back into the JSON and the table is refreshed\n\nDelete Row\n\nRemove a row by clicking the Delete button\n\nData is updated instantly\n\nSearch/Filter\n\nSearch by Name or Email dynamically\n\nTable updates in real-time as you type\n\nValidation\n\nPrevents invalid email formats\n\nPrevents duplicate IDs\n\nResponsive Design (Optional)\n\nTable and form scale well on small screens (with CSS tweaks).\n\n🛠️ Tech Stack\n\nHTML5 – Structure of the app\n\nCSS3 – Basic styling and responsiveness\n\nJavaScript (ES6) – Core logic for rendering, updating, and deleting\n\n📂 Project Structure\njson-table-project/\n│\n├── index.html     # Main HTML file (UI structure)\n├── index.js      # JavaScript logic (render, add, update, delete)\n└── index.css      # CSS styles (optional)\n\n🚀 Getting Started\n\nClone or download the project folder.\n\ngit clone https://github.com/sujjwal21/vspagy\ncd vspagy\n\n\nOpen index.html in your browser (double-click or right-click → \"Open with browser\").\n\nYou’ll see a table with sample JSON data and a form to add/edit rows.\n\n📸 Screenshots (Optional)\n\nAdd screenshots of your table UI here if you want.\n\n✨ Example Dataset\n[\n  { \"id\": 1, \"name\": \"John Doe\", \"email\": \"john@example.com\" },\n  { \"id\": 2, \"name\": \"Jane Smith\", \"email\": \"jane@example.com\" }\n]\n\n📖 Usage Guide\n\nAdd Row\n\nEnter a unique ID, a name, and a valid email.\n\nClick Add Row to insert into the table.\n\nEdit Row\n\nClick Edit on any row.\n\nThe form will be pre-filled with row values.\n\nMake changes and click Update Row.\n\nDelete Row\n\nClick Delete on any row to remove it.\n\nSearch\n\nType in the search box to filter results by name or email.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsujjwal21%2Fvspagy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsujjwal21%2Fvspagy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsujjwal21%2Fvspagy/lists"}