Projects / Web Development / Crypto Insights
Prototype
Next.js · TypeScript · OpenAI API
Crypto Insights
A web app that fetches live cryptocurrency market data and asks an OpenAI model to turn it into a readable market overview.
Next.js 13React 18TypeScriptCoinGecko APIOpenAI API
Objective
Build a web app that fetches cryptocurrency market data and asks an OpenAI model for a readable, plain-language market overview.
Architecture
Next.js UI → /api/getInsights → CoinGecko → prompt → OpenAI API → displayed analysis
Implementation
- Next.js 13 and React 18
- TypeScript throughout
- CoinGecko's top-ten market endpoint for live data
- OpenAI's chat-completions API for the written summary
- Loading state and formatted output on the front end
Current concerns
- Uses an older OpenAI API pattern and model name that would benefit from an update.
- Error handling and response validation are minimal.
- An
.env.local file exists for secrets — any old key still active should be rotated, and no secrets belong in version control or documentation.
- The interface should more clearly frame output as informational, not financial advice.
- There's a source-encoding issue in the page heading to fix.
Skills demonstrated
- Full-stack Next.js project structure
- Third-party API integration (CoinGecko, OpenAI)
- Server-side secret handling
- Prompt construction for readable AI output
- Async UI state management