Write in JS, HTML and CSS

JavaScript Project: Employee Management System

On page load, write a json file and load it, and list on the Employee details in table format.

Show only 10 record at a time

Provide a dropdown with option to select 50, 100 records to display Sample json objects should contain details of multiple Employee (array of JSON objects)

Sample JSON employee Object

[{ "firstName": "Leo", "lastName": "Chris", "location": ["A", B, C], "phone": "123", "address": { 

 "communication": "Foo, A, New B", 

 "permanent": "C" }, 

 "marks" : { "performence": "80", 

 "attendence": "70", "improvement": "90" } }, {...}, ...] 

Note : create multiple objects in json array, minimum of 5 objects.

List should initially show only firstName, lastName, email, location, phone, address and options to "show more details", "edit", "delete". once a change is made it should update the local json file also.

Above the list container create a form to add new students with all the details mentioned in the sample JSON.

once a new student is added it should update the local json file as well. Add form should provide option to add multiple locations. Use drag and drop to add multiple locations.