Crypto Market WebSocket Dashboard

About

Crypto market app made with Vite, React + TailwindCSS + TypeScript and WebSockets using Bitfinex API.

Examples

Home page when user is not logged in(fetching through websocket with live updates):

Handling unauthorized access (based on South Park S02E04):

Home page when user is logged in:

Details page(fetching from REST API without live updates):

Favorites page(fetching through websocket with live updates):

404 page (based on South Park S11E10):

Config

Application was made with Vite and not Create-React-App, so proxy was handled this way:

Libraries

• Vite 4
• React 18
• TypeScript 4.9.5
• Axios
• TailwindCSS 3

Tools

• commitlint 17
• Conventional Commits 1
• editorconfig
• eslint 8
• husky 8
• Prettier 2
• VS Code settings

Running

yarn
yarn dev