A simple Next.js + TypeScript web application that consumes the Coingecko public API to display a directory of cryptocurrency exchanges.
Users can browse high-level exchange information and view detailed pages for each exchange.
- Fetches data from the Coingecko API
- Displays the top 10 cryptocurrency exchanges with key details:
- Name
- Country
- Website URL
- Logo
- Trust rank
- Dedicated exchange detail page with:
- Name, country, trust rank, logo
- Year of establishment
- Social media links
- Description
- Back-to-main-page navigation
- Next.js (via
create-next-app) - TypeScript
- TailwindCSS for styling
- ESLint (
eslint-config-google) for code linting husky&lint-stagedfor pre-commit checks
Install dependencies:
yarn installRun the project in development mode:
yarn devBuild for production:
yarn build
yarn startThis project demonstrates how to:
-
Integrate with a public crypto API (Coingecko)
-
Build a modern Next.js frontend with TypeScript and TailwindCSS
-
Follow best practices for code quality (linting, pre-commit hooks)
-
Deliver a clean, responsive UI for cryptocurrency-related apps
MIT — free to use and modify.