• 100 Days of Code
• Installation
• Live Site
• Resources
• Let's Connect!

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.

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.

• 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.

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

• CoinGecko

• React Icons

• Next.js on Github

• Adobe Photoshop

• React-Parallax-Tilt

• Learn about Next.js

• React Scroll to Top Button

• React-Parallax-Tilt on Github

• An Interactive Next.js Tutorial

• Next.js Cryptocurrency Tracker Tutorial by Brian Design

• My blog on how I created my Github READMEs