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.

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

How to run next js app: https://github.com/pnqw/Crypto-Scoper/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:

Binance exchange page:

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