Vamos fornecer um template com configurações básicas para você dar um primeiro passo no projeto.

Vamos deixar um passo a passo para você seguir:

• Acesse o seguinte link abaixo

  GitHub - rocketseat-education/gcc-find-a-friend-web: Template inicial para desafio Green Chain Challenge - Ignite 🚀

• Clique em Use this template e selecione a opção create a new repository

  

• Preencha com os dados referentes ao seu projeto

  

• Com o repositório criado basta você clonar o projeto e instalar as dependências com o comando npm i ou então yarn dependendo do seu gerenciador de pacotes.

• Tudo pronto, aqui você pode dar início ao desafio ✨

Não se esqueça de pedir ajuda na comunidade e nos canais do Green Chain Challenge 💚

O que vou encontrar nesse repositório

Um arquivo package.json com configurações básicas para desenvolvimento do projeto

{
  "name": "gcc-find-a-friend",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.9.0",
    "styled-components": "^5.3.8",
    "vite-tsconfig-paths": "^4.0.5"
  },
  "devDependencies": {
    "@rocketseat/eslint-config": "^1.2.0",
    "@types/react": "^18.0.27",
    "@types/react-dom": "^18.0.10",
    "@types/styled-components": "^5.1.26",
    "@vitejs/plugin-react": "^3.1.0",
    "eslint": "^8.35.0",
    "typescript": "^4.9.3",
    "vite": "^4.1.0"
  }
}

Um arquivo tsconfig.json com configurações iniciais para o projeto, configuramos uma biblioteca para redirecionamentos dinâmicos no projeto, e por padrão adicionamos os caminhos @/* para ./src/ e o caminho ~/* para ./src/components/ isso permite que você importe, por exemplos, componentes a partir de ~/Header. Sinta-se livre para criar mais caminhos !

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "incremental": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
      "~/*": ["./src/components/*"]
    }
  },
  "include": ["src"],
  "references": [{ "path": "./tsconfig.node.json" }]
}