Skip to content

A project for Georgia Tech's OMSCS-6460 Educational Technology Foundations, aimed to match prospective college students with their best college matches based on data from the U.S. Department of Education.

Notifications You must be signed in to change notification settings

dakotamaker/College-Match-Maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Personalized College Match Maker

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.

Disclaimer

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.

Env variables

  • SCORECARD_API_KEY: The API key needed to query against the scorecard API

Running Locally

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.

Credits

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 Collapsible - Used to display and hide the match details on the survey results page for a stylish way to display needed information

Code snippets

There were two instances in the application in which direct code snippets were used to enhance the application's presentation.

  1. percentMatch.css - Gradient classes provided by Stackoverflow user "VladSavitsky", and can be found here
  2. PieChart.js - The renderActiveShape function was directly used from their open-source example docs, and the file structure was also inspired from their documentation as well

About

A project for Georgia Tech's OMSCS-6460 Educational Technology Foundations, aimed to match prospective college students with their best college matches based on data from the U.S. Department of Education.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published