Project Objective: Write an application that accomplishes the minimum requirements below, and looks nicely styled and polished. Complete all features and styling in two days.
-
PROPOSAL: Approval of proposed project.
-
INTERACTION: Must have at least one event listener.
-
AJAX: Must have at least one AJAX call to an API.
-
DOM: Must manipulate the DOM based on a user’s interaction with your app
-
POLISH: Your application should look clean and finished
-
DEPLOY: Deploy to surge - https://surge.sh/
Project Description: Are you invested in Crypto? Do you find yourself going to look at the market price for your investments regularly but also getting tired of all the data noise on most exchanges and coin trackers? CoinWatcher is a simple solution that reduces this noise and with one click shows you the six most important factors for your investment: asset rank, market cap, price (in USD), volume, last 24 Hr change, and circulating supply. Of course, if you prefer to research beyond these six factors on a particular day, there is a convenient link to take you deep into the blockchain analysis. #StayFreeMyFriends.
CoinWatch: https://coin-watcher.surge.sh
APIs:
- Bootstrap for styling
- GoogleAPIs for AJAX
- Coincap API for current market data
- International API for formatting data
Construction:
Page Layout: The webpage layout was constructed with HTML and styled with Bootstrap and an additional CSS stylessheet.
Page Responsiveness: The webpage makes use of AJAX, the DOM, and JavaScript to pull market data from the Coincap API and display in out the webpage when searched for. It makes use of one event listener to respond to a click on the search button as well as the International API to style the data that's returned. When clicked the data pulled from the Coincap API is returned and added to the prior created HTML elements in index.html.