Front-end challenge

[jmdev3]

Deployed URL

https://cryptologic-front-challenge.vercel.app/

https://cryptologic-front-challenge.vercel.app/transactions/0xa79E63e78Eec28741e711f89A672A4C40876Ebf3

https://cryptologic-front-challenge.vercel.app/stats

Original repo: https://github.com/juanmavillarraza/cryptologic-front-challenge (I forgot to fork at the begenning, just if you wanna check commit history)

Build and run with docker

docker build -t nextjs-docker .
docker run -p 3000:3000 nextjs-docker

docker permission error fix if necessary

sudo usermod -a -G docker $USER
newgrp docker

Getting Started

First, install dependencies:

npm install

Then, run the development server:

npm run dev

Build

npm run build

Linter

npm run lint
npm run lint:fix

Linter is integrated with husky (pre-commit), prettier and also with vscode to run on-save following the steps below:

1- Create .vscode directory
2- Create settings.json inside of it
3- Paste the following:

{
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "editor.formatOnSave": true,
  "eslint.alwaysShowStatus": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

Stack of technologies

• NextJS
• Typescript
• Mobx & Mobx State Tree
• Styled Components
• ESLint & prettier
• AntDesign