Skip to content

sjagoori/coination

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👋 Welcome to Web-App-From-Scratch!

Minor Web Design & Development, HvA 2021

💻 Live demo 📓 The assignment 📸 Screenshots 📝 Concept ✍ Features and timeline 📝 License

💻 Live demo

Link

📓 The assignment

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.

📸 Screenshots

📝 Concept

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.

Actor diagram

Interaction diagram

✍ Features and timeline

  • 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

📝 License

GPLv3