isabdch/cryptocurrency-viewer

cryptocurrency viewer project consuming CoinGecko API - view price of cryptocurrencies in real-time - made with typescript, vuejs and scss

Cryptocurrency Viewer

SITE HERE

---

📖 Table of Contents

• Project Description
• Technologies
• Features
• Install and build this project in Local Environment
• Status

✏️ Project Description

This application was developed to demonstrate my skills regarding the technologies used in this project and my logical thinking. This project's purpose is to show the price of cryptocurrencies in real-time. For that, I integrated the CoinGecko API in a way that the price automatically updates without the need of refreshing the page.

🖥️ Technologies

• TypeScript;

• VueJs;

• Axios;

• SCSS;

🥇 Features

The user can:

• View the price of Bitcoin and other cryptocurrencies in real-time;
• View other info about the cryptocurrencies such as price change percentage per day;
• Search for the price history of Bitcoin and other cryptocurrencies by specifying date;
• Compare the price of cryptocurrencies with other currencies.

🚀 Install and build this project in Local Environment

• Installation
  • Clone or download this repository;
  • In the project folder, run the code below to install all dependencies

    npm install

• Build
  • Create a repository on GitHub;
  • Run the following code:

    git init

    git status

    git add .

    git commit -m "my first commit"

    git branch -M main

    git remote add origin <your_repository_name>

    git push -u origin main

  • Then to finally build the project run:

    npm run build

    git add dist -f    

    git commit -m "adding dist"

    git subtree push --prefix dist origin gh-pages

    And that's it!

⏱️ Status

This project is finished.

---

Made with 💜 by Isabelle Brandão 👋 See my LinkedIn