Repositórios

Pra te ajudar a acompanhar o conteúdo, deixamos organizados os commits aqui. Cada um deles mostra exatamente como o código ficou no final daquela aula, então você consegue acompanhar o passo a passo sem complicação.

<aside> <img src="/icons/git_purple.svg" alt="/icons/git_purple.svg" width="40px" />

Commit da aula 01

</aside>

<aside> <img src="/icons/git_purple.svg" alt="/icons/git_purple.svg" width="40px" />

Commit da aula 02

</aside>

<aside> <img src="/icons/git_purple.svg" alt="/icons/git_purple.svg" width="40px" />

Commit da aula 03

</aside>

Os commits também servem como um guia pra conferir se tá tudo certinho ou pra resolver qualquer dúvida que surgir durante o desenvolvimento.

Layout da aplicação

Aqui você encontra o link do Figma com o design da aplicação desenvolvida nessa NLW. Ele vai ser o seu guia visual durante o desenvolvimento, e você pode consultar os detalhes de layout, espaçamentos, cores e outros elementos visuais:

Arquivos para download

public.zip

assets.zip

Códigos auxiliares

biome.json

{
  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
  "organizeImports": {
    "enabled": true
  },
  "formatter": {
    "indentStyle": "space",
    "indentWidth": 2,
    "lineWidth": 80
  },
  "javascript": {
    "formatter": {
      "arrowParentheses": "asNeeded",
      "jsxQuoteStyle": "double",
      "quoteStyle": "single",
      "semicolons": "asNeeded",
      "trailingCommas": "es5"
    }
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true,
      "a11y": {
        "noSvgWithoutTitle": "off"
      },
      "suspicious": {
        "noArrayIndexKey": "info"
      }
    }
  },
  "files": {
    "ignore": [
      "node_modules"
    ]
  }
}