-
Notifications
You must be signed in to change notification settings - Fork 4
Assignment for INF133 User Interaction Software. In this assignment I learned JavaScript and TypeScript to create a webpage report which helps a potential researcher understand a week’s worth of Tweets from RunKeeper, a popular running app.
rgeluz/Runkeeper-Tweet-Report
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
--Readme document for Roman Geluz -- --Date started: 10/26/2019 1. How many assignment points do you believe you completed (replace the *'s with your numbers)? 10/10 - 1/1 Tweet dates - 1/1 Tweet categories - 1/1 User-written tweets - 2/2 Determining activity type and distance - 2/2 Graphing activities by distance - 1/1 Implementing the search box - 2/2 Populating the table I also added some interactivity to the vegalite plots using selections from https://vega.github.io/vega-lite/docs/selection.html 2. How long, in hours, did it take you to complete this assignment? It took me about 2 and half days. 3. What online resources did you consult when completing this assignment? (list sites like StackOverflow or specific URLs for tutorials, etc.) //access first and last element of array https://www.geeksforgeeks.org/get-the-first-and-last-item-in-an-array-using-javascript/ //formating dates https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString //string starts with https://www.w3schools.com/jsref/jsref_startswith.asp //case insensitive https://stackoverflow.com/questions/48145432/javascript-includes-case-insensitive?noredirect=1&lq=1 //variable declarations. Need to block scope declaration https://www.typescriptlang.org/docs/handbook/variable-declarations.html //calculate percentages https://www.wikihow.com/Calculate-Percentages //substring https://stackoverflow.com/questions/9133102/how-to-grab-substring-before-a-specified-character-jquery-or-javascript //REGEX: extract string between two delimiters and exclude delimiters https://stackoverflow.com/questions/1454913/regular-expression-to-find-a-string-included-between-two-characters-while-exclud //REGEX to get a string between two strings https://stackoverflow.com/questions/5642315/regular-expression-to-get-a-string-between-two-strings-in-javascript //REGEX to get characters between two characters https://regexr.com/397dr //regex tester https://regex101.com/ (?<= a )(.*?)(?= mi ) (?<=a )(.*?)(?= km ) //string match function https://www.geeksforgeeks.org/javascript-match/ //kilometers to miles https://reviewdb.io/posts/1530369355062/javascript-program-to-convert-kilometers-to-miles //convert string to decimal https://gomakethings.com/converting-strings-to-numbers-with-vanilla-javascript/ //format decimal to two decimal places https://www.tutorialspoint.com/How-to-format-a-number-with-two-decimals-in-JavaScript //How to sort a hashmap with respect to the value? https://stackoverflow.com/questions/34940099/how-to-sort-a-hashmap-with-respect-to-the-value //iterate through a array or list of objects https://medium.com/backticks-tildes/iterating-through-javascript-objects-5-techniques-and-performance-tests-42b4a222a92b //print last n elements of an array https://stackoverflow.com/questions/54293455/i-want-to-print-the-last-n-elements-of-an-array //average calculation https://www.basic-mathematics.com/finding-the-average.html //youtube video "Vega Lite: A Grammar of Interactive Graphics - Wongsuphasawat, Moritz, and Satyanarayan" https://www.youtube.com/watch?v=9uaHRWj04D4 //sort days https://stackoverflow.com/questions/51614391/how-do-i-make-vega-lite-order-days-starting-with-monday //how to toggle between classes https://www.w3schools.com/howto/howto_js_toggle_class.asp //Changing button text onclick https://stackoverflow.com/questions/10671174/changing-button-text-onclick //how to handle button click events https://stackoverflow.com/questions/4323848/how-to-handle-button-click-events-in-jquery //adjust width and height of vega light chart https://vega.github.io/vega-lite/docs/size.html#default-width-and-height //oninput Event https://www.w3schools.com/jsref/event_oninput.asp //get input value from input field in jQuery https://stackoverflow.com/questions/4088467/get-the-value-in-an-input-text-box //check if string is empty https://stackoverflow.com/questions/2381456/javascript-how-to-check-if-a-string-is-empty/2381485 //Jquery : how to trigger an event when the user clear a textbox https://stackoverflow.com/questions/4403444/jquery-how-to-trigger-an-event-when-the-user-clear-a-textbox //How to add anchor tags dynamically to a div in Javascript? https://stackoverflow.com/questions/5519747/how-to-add-anchor-tags-dynamically-to-a-div-in-javascript //JavaScript String replace() Method https://www.w3schools.com/jsref/jsref_replace.asp 4. What classmates or other individuals did you consult as part of this assignment? What did you discuss? I did not interact with any individuals with anything related to this assignment. 5. Is there anything special we need to know in order to run your code? Nothing to note.
About
Assignment for INF133 User Interaction Software. In this assignment I learned JavaScript and TypeScript to create a webpage report which helps a potential researcher understand a week’s worth of Tweets from RunKeeper, a popular running app.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published