{"id":22194967,"url":"https://github.com/keanteng/nextjs-array-total","last_synced_at":"2025-10-10T10:39:55.181Z","repository":{"id":252593681,"uuid":"840889243","full_name":"keanteng/nextjs-array-total","owner":"keanteng","description":"➕ Array Total - React Hook Form","archived":false,"fork":false,"pushed_at":"2024-08-12T11:22:49.000Z","size":108,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T21:37:32.162Z","etag":null,"topics":["array","nextjs","reacthookform","sum","total"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/keanteng.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":"2024-08-11T02:11:09.000Z","updated_at":"2024-08-12T11:23:56.000Z","dependencies_parsed_at":"2024-08-11T04:09:30.020Z","dependency_job_id":"7ae74af5-d42c-49b8-a3ac-cdec3aae06cf","html_url":"https://github.com/keanteng/nextjs-array-total","commit_stats":null,"previous_names":["keanteng/nextjs-array-total"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/keanteng/nextjs-array-total","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keanteng%2Fnextjs-array-total","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keanteng%2Fnextjs-array-total/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keanteng%2Fnextjs-array-total/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keanteng%2Fnextjs-array-total/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/keanteng","download_url":"https://codeload.github.com/keanteng/nextjs-array-total/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keanteng%2Fnextjs-array-total/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279003545,"owners_count":26083595,"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-10-10T02:00:06.843Z","response_time":62,"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":["array","nextjs","reacthookform","sum","total"],"created_at":"2024-12-02T13:15:27.212Z","updated_at":"2025-10-10T10:39:55.159Z","avatar_url":"https://github.com/keanteng.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Array Total - React Hook Form\n\nIn this project, we will use [react-hook-form](https://react-hook-form.com/) to create a dynamic array that receive number inputs. Then, we will need to perform some calculation on the array. \n\nFor example, if we want to create an invoice form, we need the array total to be reflected as user make change to the form input. The submission button in the form is set to generate a `JSON` object containing all the fields in the array. This object can then be used for other purposes (For example, you want to store it in a database by performing API submit). \n\n## Demo\n![alt text](image.png)\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeanteng%2Fnextjs-array-total","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeanteng%2Fnextjs-array-total","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeanteng%2Fnextjs-array-total/lists"}