This project is an [AngularJS] web app for Jeopardy. URL: https://jeopardyesong.herokuapp.com/app/index.html
Instructions:
- Type in URL above and wait for the page to load (Table should fill up with Jeopardy values).
- First box: type in a category ID value (integer)
- Second box: type in a difficulty level: 100,200,300,400,500
- Third box: type in a minimum date in date format YYYY-MM-DD **PLEASE NOTE: the Jeopardy API call only works when both a minimum and maximum date is inputted
- Fourth box: type in maximum date in date format YYYY-MM-DD
- Optional: open up Inspector (F12) for the web page and go to Console to see the Ajax call each time something is typed in
This was my first time using APIs and learning AngularJS! I had only taken an Intro CS class prior to this but I really enjoyed learning something outside of class and actually doing a real project that people can access online!
Things I learned/features I implemented:
- Searching for category ID, difficulty level, dates (calls to API every time a search is typed in). Initially, I only made one call and filtered by these categories. Then, I learned about Angular watch to detect if property changes, then trigger new Ajax call.
- How to use APIs/Angular (thanks to many online tutorials and Stack Overflow)
- Multiple searches at the same time so that you can search for category ID AND difficulty level AND dates if you wanted to
What I would implement if I had more time:
- UI/UX Design, specifically modifying background, adding visual elements to make it feel more like a Jeopardy game, etc.
- Button to make API call to random: http://jservice.io/api/random