Minor Web Design & Development, HvA 2021
💻 Live demo | 📓 The assignment | 📸 Screenshots | 📝 Concept | ✍ Features and timeline | 📝 License |
For this class, this repo will be used to create a single page application. The project has to be written in plain javascript without the help of external libraries (with the exception of Routie. Furthermore, it has to use an API to fetch data from and manipulate its return.
The main objective of this project is to render data from an API endpoint so, given what is required, I've picked the topic of cryptocurrency. Specifically the pricing and general information along with the contact information of each. For the data I will use CoinmarketCap's API, you can find their documentation here. The landing of this concept will display a top list of cryptocurrencies based on their market cap. Once selected, it brings you to a detail page where you will find additional information. The used endpoints for this project are /listings
for the top lists and /info
for the additional infomation for each coin in the toplist.
- Data fetching
- Data manipulation
- Modular structure
- Caching API using localstorage
- Dynamic styling
- Seperate styling files
- Dynamic detail page
- Styling
- Use of Routie for rouing
- Use of loading state