- Install MAMP.
- Follow https://www.youtube.com/watch?v=TPHQy22-2FE video to create the “hello” project.
- Modify the “hello” project and create the “search’ project.
Hello Project:
-
html page has the layout of the web page. And it links to both the jquery library and the project’s javascript file.
-
lib folder contains the jQuery library .js file.
-
js folder contains the App.js file. The getData() function takes in a string and post it to the php file. After getting the data back from the php file, it display it on html content.
-
php folder contains the script.php file. Once it get the request from .js, it connects to the database and query the data. Then, it send the result back to .js.
Search Project:
-
created a new database with school names, ratings and descriptions.
-
Created a dropdown menu that displays all the school names in the database
-
enabled users to search for schools in the serach field of the dropdown memu
-
wrote methods that displays school title and school description when the user clicks a school on the dropdown menu
Todo:
-
create school aspect buttons: engineering, computer science, math and finance, other(workload, professors, research), after graduation, professional support, food(campus and surrounding area), financial aid and scholarships,campus inclusivity, overall experience
-
enable users to review the ratings and reviews of different aspects of a certain school
-
enable users to rate schools and submit new reviews
-
add the information of top 50 schools to the database
-
work on website layout
-
Move the server & database from localhost to cloud.