rein96/crypto-market-web

NextJS, TypeScript, React Query, Cryptocurrency, Tailwind

Crypto Market

Live: https://crypto.reinhartandreas.com

Tech Stack

• Next.js (create-next-app)
• Typescript
• React Query
• Tailwind
• Vercel Deployment
• Atomic Design Pattern
• Testing-library + Jest
• Eslint + Prettier

Features

• Support dark/light mode by color scheme system
• Responsive Design
• Live Price Update
• Atomic Design Pattern Source: https://bradfrost.com/wp-content/uploads/2013/06/atomic-design.png

Future Improvement

• Add Storybook
• Improve Unit and Integration Test
• Automate pipeline with testing
• Add more features (search, filter, etc)

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.