Final Project
- Due Dec 14, 2021 by 11:50am
- Points 121
- Submitting a website url or a file upload
- File Types zip
Submit a zip and a link to your file project. Late submissions will not be accepted.
Final Project Requirements
- Must have one HTML file with at least three separate views (not appearing at the same time)
- Must use JavaScript to change the views
- Must have at least 3 different event listeners
- Must use at least 10 different HTML attributes (such as id, class, href, width, etc)
- Must have CSS styling the appearance of each view
- Must use at least 30 different CSS properties
- Must use at least 3 different pseudo-classes
- Must allow use to enter data with some input/textarea/checkbox/camera/peripheral
- Must POST user data from the server using fetch
- Must GET user data from the server using fetch
Server JSON Rest API Reference
Download example here lab30-final-project-starter.zip
Polygon.io Stock API Reference
If stocksTicker was AAPL, you can put the /v2/last/trade/AAPL at the end of my server’s URL to get the response
https://go143.y3sh.com/v1/polygon/v2/last/trade/AAPL
Here are some endpoints I like:
Current stock price summary:
https://go143.y3sh.com/v1/polygon/v2/snapshot/locale/us/markets/stocks/tickers/AAPL
Stock details:
https://go143.y3sh.com/v1/polygon/vX/reference/tickers/AAPL
Search for a symbol, like if you type TSL to search for TSLA, this would return a bunch of results:
https://go143.y3sh.com/v1/polygon/v3/reference/tickers?market=stocks&active=true&sort=ticker&order=asc&limit=10&ticker.gte=TSL
If stocksTicker was AAPL, you can put the /v2/last/trade/AAPL at the end of my server’s URL to get the response
https://go143.y3sh.com/v1/polygon/v2/last/trade/AAPL
Here are some endpoints I like:
Current stock price summary:
https://go143.y3sh.com/v1/polygon/v2/snapshot/locale/us/markets/stocks/tickers/AAPL
Stock details:
https://go143.y3sh.com/v1/polygon/vX/reference/tickers/AAPL
Search for a symbol, like if you type TSL to search for TSLA, this would return a bunch of results:
https://go143.y3sh.com/v1/polygon/v3/reference/tickers?market=stocks&active=true&sort=ticker&order=asc&limit=10&ticker.gte=TSL
Grading:
- 3 + 3x3 Must have one HTML file with at least three separate views (not appearing at the same time)
- 3x7 Must use JavaScript to change the views (listener, show, hide, func, wire, dom query, callback)
- 3x3 Must have at least 3 different event listeners (binding, listener, function)
- 10 Must use at least 10 different HTML attributes (such as id, class, href, width, etc)
- 3x3 Must have CSS styling the appearance of each view
- 30 Must use at least 30 different CSS properties
- 3 Must use at least 3 different pseudo-classes
- 3 Must allow use to enter data with some input/textarea/checkbox/camera/peripheral
- 3x4 Must POST user data from the server using fetch (data variable, fetch func, post, callback)
- 3x4 Must GET user data from the server using fetch (data variable, fetch func, post, callback)