Skip to content

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.

Notifications You must be signed in to change notification settings

rgeluz/Runkeeper-Tweet-Report

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

No packages published