A simple single page web application

To create a single page web app that uses Ajax to allow the user to view and modify a student’s grade list. The Database Tables You should create a database table for the studentlist with 3columns: id(int primary key), fullName(varchar length 60), and grade(int, default 0). The PHP Files You need four PHP files for this assignment. 1. Student Record. This file contains a class definition to hold a single student record. Make sure your instance variables are private. 2. Connect This file connects to the database. 3. Get List This file gets the entire table from the database, sorted alphabetically, creates an array of student objects, and outputs a JSON encoding of this array. 4. Add Student This file receives POST parameters for a new student and inserts it into the database. The JavaScript File Your JavaScript code should be in its own .js file. When the app first loads, it should retrieve the list of students with an Ajax request and display it. When the user inserts a new student into the list (either by clicking the button or hitting enter in one of the fields), it should launch an Ajax request to insert the new student. When it gets the response from this first request, it should launch another Ajax request to retrieve the entire list and display it again on the page. The HTML and CSS Files. The main page should be [login to view URL] (not .php). It should load separate .js and .css files. It does not have to be identical to the one shown, but make use of colors, fonts, and possibly images to make it look presentable. Content must be centered and styled so that it will look ok on a small screen.