Skip to content

emjose/crypto-tracker

Repository files navigation

previous 100 days of code next

Crypto Tracker


Crypto Tracker

Table of Contents


#100DaysOfCode

Day 28: April 21, 2021

  • I'm continuing to learn Next.js, which is excellent for static site generation with dynamic data.

  • With cryptocurrency and NFTs (Non-fungible tokens) in the news, I watched a YouTube tutorial on how to create a cryptocurrency tracker with Next.js.

  • The Crypto Tracker uses the CoinGecko API to track the top 100 cryptocurrencies ranked by market cap.


Installation

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/crypto-tracker.git && cd crypto-tracker

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 with your browser to launch the Crypto Tracker app.


Live Site

Live Site

• The Crypto Tracker is responsive and keyboard-navigable.

• The Crypto Tracker uses the CoinGecko API to render the top 100 cryptocurrencies ranked by market cap.

• The Crypto Tracker is a progressive web app.


Live Site

The individual coin pages use a tilt hover effect from the react-parallax-tilt npm package.


Resources


Let's Connect!

Twitter badge Linkedin badge Medium badge Instagram badge Gmail badge Portfolio badge Github badge

Back to Top

About

A cryptocurrency price tracking app built with Next.js, with usage of the react-parallax-tilt npm package.

Topics

Resources

Stars

Watchers

Forks