A simple React Web Application to match students with their best college fits based off of their own answers in a survey and data from the U.S. Department of education. Data populated in a DB by this script. App available here.
The initial build of this application is for a grad school class, so the logic is not fully fleshed out, and should not be taken as an absolute. The code isn't fully production-ready, but is a starting point.
- SCORECARD_API_KEY: The API key needed to query against the scorecard API
Run npm dev
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
This project used a few different libraries and code snippets in the process of development, and for that I want to say thank you and give credit to the following:
- Recharts - Used to create data charts on the knowledgebase page
- Ant Design - Used to render and easily make many of the elements in the survey and knowledge base pages
- React.JS - Frontend framework used that the entire application is built upon
- Lodash - Used for different JavaScript utility throughout the application
- React Spinner - Used for the loading animation while the knowledgebase page information is being fetched
- React Virtualized Select
- React Select Fast Filter Options - Used together to create and make the knowledgebase page's search bar functional and stylish
- React Collapsible - Used to display and hide the match details on the survey results page for a stylish way to display needed information
There were two instances in the application in which direct code snippets were used to enhance the application's presentation.
percentMatch.css- Gradient classes provided by Stackoverflow user "VladSavitsky", and can be found herePieChart.js- TherenderActiveShapefunction was directly used from their open-source example docs, and the file structure was also inspired from their documentation as well