https://github.com/v74c63t/spotify-browser-with-handtracker
https://github.com/v74c63t/spotify-browser-with-handtracker
angular express node typescript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/v74c63t/spotify-browser-with-handtracker
- Owner: v74c63t
- Created: 2023-03-14T04:42:14.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-14T23:28:33.000Z (almost 3 years ago)
- Last Synced: 2025-03-04T17:42:54.074Z (over 1 year ago)
- Topics: angular, express, node, typescript
- Language: TypeScript
- Homepage:
- Size: 9.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
--Readme document for Vanessa Tang, vanesst5@uci.edu, 86856328--
#### 1. How many assignment points do you believe you completed (replace the \*'s with your numbers)?
11/15
- 4/5 Created a functional web app
- 1.5/2 The ability to control the web app with basic gestures
- 3/4 The ability to control the web app with at least two custom gestures
- 1/2 Following good principles of UI design
- 0.5/1 Creating a compelling app and application of gestures
- 1/1 A readme and demo video which explains how these features were implemented and their design rationale
#### 2. How long, in hours, did it take you to complete this assignment?
- 25 hrs
#### 3. What online resources did you consult when completing this assignment? (list specific URLs)
- https://developer.mozilla.org/en-US/docs/Web/API/Window/location
#### 4. What classmates or other individuals did you consult as part of this assignment? What did you discuss?
- I did not consult anyone for this assignment.
#### 5. Is there anything special we need to know in order to run your code?
- No, there is nothing special you need to know to run my code.
--Aim for no more than two sentences for each of the following questions.--
#### 6. Did you design your app with a particular type of user in mind? If so, whom?
- I did not really design my app with a particular type of user in mind.
#### 7. Describe the two custom gestures you created.
- One Open Hand and One Closed Hand (generally used for opening pages, was used once for search)
- One Open Hand and One Hand Pointing (used for selecting categories/pages)
- Basic gestures used: Two Open Hands, Two Closed Hands, One Hand Pointing, Two Hands Pointing, Open Hand, Closed Hand
#### 8. How does your app implement or follow principles of good UI design?
- Users are able to navigate through most of the browser easily with hand gestures as well as being allowed to use it normally with the original A3 functonalities and many gestures have similar functions on each page (two hands pointing moving forward in the track list, open hand opening a selected page or some sort of page, and so on). Right next to each handtracker, there is a list of gestures and their functionalities so users can easily refer to them while they are using the handtracker.