{"id":20099361,"url":"https://github.com/neyhere07/fe2_moduletest_july","last_synced_at":"2025-07-07T00:03:58.352Z","repository":{"id":251491126,"uuid":"837565893","full_name":"neyhere07/FE2_ModuleTest_July","owner":"neyhere07","description":"Employee Management Form: This project is a simple employee management form built with JavaScript. Users can input employee details such as name, profession, and age, all of which are required. ","archived":false,"fork":false,"pushed_at":"2024-08-03T11:50:04.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-02T16:48:57.107Z","etag":null,"topics":["html-css-javascript"],"latest_commit_sha":null,"homepage":"https://neyhere07.github.io/FE2_ModuleTest_July/","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/neyhere07.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-03T10:59:24.000Z","updated_at":"2024-09-15T08:37:09.000Z","dependencies_parsed_at":"2024-08-03T12:50:49.853Z","dependency_job_id":"c2e4c024-f2d2-40b4-8271-6cd51d5e14fb","html_url":"https://github.com/neyhere07/FE2_ModuleTest_July","commit_stats":null,"previous_names":["neyhere07/fe2_moduletest_july"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/neyhere07/FE2_ModuleTest_July","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neyhere07%2FFE2_ModuleTest_July","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neyhere07%2FFE2_ModuleTest_July/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neyhere07%2FFE2_ModuleTest_July/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neyhere07%2FFE2_ModuleTest_July/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/neyhere07","download_url":"https://codeload.github.com/neyhere07/FE2_ModuleTest_July/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/neyhere07%2FFE2_ModuleTest_July/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263991427,"owners_count":23540662,"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":["html-css-javascript"],"created_at":"2024-11-13T17:10:00.530Z","updated_at":"2025-07-07T00:03:58.312Z","avatar_url":"https://github.com/neyhere07.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Tasks: \u003cbr\u003e\nMake a simple form, execute the following event handlers. The form should contain 3 inputs - name, profession and age. All of these values are required. By default as soon as the user goes on the screen they see the default view with 0 added employees. A function is executed on click of this button which appends an object into an array. As they keep adding employees this array is mapped to show the data below Added Employees An error message is shown in red if the required fields are empty. A success message is shown in green if the fields are filled and the employee was added successfully. The structure of the array should be -\n\u003cbr\u003e\n[{id:1,name:\"jack\",profession:\"developer\",age:20}, \n\u003cbr\u003e\n{id:2,name:\"john\",profession:\"admin\",age:28}.... and so on] (The ID is given automatically) \u003cbr\u003e On clicking of the delete user button that specific object should be removed from the array and the div should disappear. \n\u003cbr\u003e\n### Marking Scheme (100 Marks) \u003cbr\u003e\n\u003cb\u003eUser interface (UI) design:\u003c/b\u003e [20 marks] The form should have 3 inputs for name, profession, and age. The form should have a button for adding employees. The UI should display the list of added employees The UI should display a success message in green and an error message in red. \u003cbr\u003e\n\u003cb\u003eError message:\u003c/b\u003e [10 marks] An error message should be shown in red if the required fields are empty. \u003cbr\u003e\n\u003cb\u003eSuccess message:\u003c/b\u003e [15 marks] A success message should be shown in green if the fields are filled and the employee was added successfully. \u003cbr\u003e\n\u003cb\u003eAdd employee function:\u003c/b\u003e [20 marks] An on-click function should append an object into the array with name, profession, and age. -he function should automatically generate a unique ID for each employee. \u003cbr\u003e \n\u003cb\u003eMapping of added employees:\u003c/b\u003e [10 Marks] The array of added employees should be mapped to show the data below the \"Added Employees\" heading. \u003cbr\u003e\n\u003cb\u003eDeleting users:\u003c/b\u003e [25 Marks] A delete button should be available for each added employee. On clicking the delete button, the specific object should be removed from the array and the div should disappear. \n\nRelevants Link: [Figma Link]( https://www.figma.com/file/rayp6Dv4jjCrj017Rmva5j/Adding-Employees?node-id=0%3A1\u0026t=yJfLdgoyFmox5tZa-1)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneyhere07%2Ffe2_moduletest_july","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fneyhere07%2Ffe2_moduletest_july","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fneyhere07%2Ffe2_moduletest_july/lists"}