Skip to content

Crypto Exchange Directory utilizing Typescript, Next js (React), Tailwind CSS and Coingecko API, tested using Cypress and Jest. https://crypto-scoper-ianshaw93.vercel.app/

Notifications You must be signed in to change notification settings

Ianshaw93/crypto-scoper

Repository files navigation

Crypto Scoper - Crypto Exchange Directory

Crypto Exchange Directory showing the top ten Centralized exchanges and corresponding details. Coded using Typescript, Next js (React), Tailwind CSS and tested using Cypress and Jest. API layer included for interface with Coingecko API.

image

View live app (deploy branch): https://crypto-scoper-ianshaw93.vercel.app/

How to run next js app: https://github.com/Ianshaw93/exchange-directory/blob/main/INSTRUCTIONS.md

App so Far

From the main directory page users will be able to navigate to any of the (dynamically rendered) crytocurrency exchange pages where further info and social links/ links to the exchange site are available.

Main directory page:

image

Binance exchange page:

image

Future Features

  • Allow users to star favourite exchanges and include signin to remember preferences
  • Improve on clean but basic UI - including build on colour scheme, perhaps use three js for 3d graphics looking through telescope and zooming into crypto currency icons
  • Add further Cypress end to end tests to focus on social links

What I Learned

  • Implementation of an API layer
  • Next js dynamic routing
  • Cypress end to end testing framework
  • Jest unit testing
  • Integration of typescript into the above

About

Crypto Exchange Directory utilizing Typescript, Next js (React), Tailwind CSS and Coingecko API, tested using Cypress and Jest. https://crypto-scoper-ianshaw93.vercel.app/

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages