What it doesCollege Info
Search a university name in the search bar. Click "Enter" or click a university name that appears in the autocomplete list. If the name is found, then it display the rankings of the university. Otherwise, an error page is displayed. There is also "About us" page and footer which leads to some of the websites we used.
Accomplishments that we're proud of
We used python webscraping to get data from various sources such as The Higher Education and QS Universities. (The files can be seen in "university_ranking" directory) Using python, we converted and combined the data into a csv file. App.js, then, reads the csv file and loads information to an array. App.js passes the data to Display_data.js via sessionItems. Display_data, then, looks for data corresponding to the college name received in the search bar.
Whenever the search bar detects a keydown, App.js looks for university names that contains the substring that the user has entered. To reduce complexity, only first 5 results will be shown based on alphabetical order.
Responsive Web Design
The web contents are responsive to the window size. Smaller window will result in smaller commponent sizes. This was one of the main focus of our web development progress.
Overlapping University Name
Joseph Lin, Chris Lee, Lance Ma, Segyul Park Made for Hello World Hackathon 2021
What's next for College Info
Get more data and expand the number of sources for users to compare. Continue improving website aesthetic by adding animations, better design, etc.