/NLW-Copa-App

10° edição da Next Level Week - Bolão Copa do Mundo

Primary LanguageTypeScript

GitHub language count Repository size GitHub last commit License

✅ NLW-Copa App - Concluído ✅

Sobre • Layout • Como executar • Estrutura de arquivos • Tecnologias • Autores • Licença

💻 Sobre o projeto

10° edição da Next Level Week da Rocketseat, onde na trilha Ignite, construimos o backend e front-end (web e mobile) de um bolão da copa do mundo.

🎨 Layout

mobileAll

🚀 Como executar o projeto

Este projeto é dividido em três partes:

  1. Backend
  2. Frontend - Web
  3. Frontend - Mobile (Neste repositório)

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js e Expo.

Executando o projeto

🧭 Rodando a aplicação Frontend
 # Clone este repositório
 $ git clone https://github.com/VanessaSwerts/NLW-Copa-App.git

 # Acesse a pasta do projeto no seu terminal/cmd
 $ cd NLW-Copa-App

 # Instale as dependências
 $ npm install

 # Execute a aplicação
 $ expo start

 # Acesse o aplicativo expo e veja o projeto em execução, clique no aplicativo em execução.

📁 Estrutura de arquivos

Atualizado 06/11/2022

nlw-copa-app
├─ .expo-shared
│  └─ assets.json
├─ .gitignore
├─ app.json
├─ App.tsx
├─ assets
│  ├─ adaptive-icon.png
│  ├─ favicon.png
│  ├─ icon.png
│  └─ splash.png
├─ babel.config.js
├─ metro.config.js
├─ package-lock.json
├─ package.json
├─ src
│  ├─ @types
│  │  ├─ navigation.d.ts
│  │  └─ svg.d.ts
│  ├─ assets
│  │  └─ logo.svg
│  ├─ components
│  │  ├─ Button.tsx
│  │  ├─ ButtonIcon.tsx
│  │  ├─ EmptyMyPollList.tsx
│  │  ├─ EmptyPollList.tsx
│  │  ├─ EmptyRakingList.tsx
│  │  ├─ Flag.tsx
│  │  ├─ Game.tsx
│  │  ├─ Guesses.tsx
│  │  ├─ Header.tsx
│  │  ├─ Input.tsx
│  │  ├─ Loading.tsx
│  │  ├─ Option.tsx
│  │  ├─ Participants.tsx
│  │  ├─ PollCard.tsx
│  │  ├─ PollHeader.tsx
│  │  └─ Team.tsx
│  ├─ contexts
│  │  └─ AuthContext.tsx
│  ├─ hooks
│  │  └─ useAuth.tsx
│  ├─ routes
│  │  ├─ app.routes.tsx
│  │  └─ index.tsx
│  ├─ screens
│  │  ├─ Details.tsx
│  │  ├─ Find.tsx
│  │  ├─ New.tsx
│  │  ├─ Polls.tsx
│  │  └─ SignIn.tsx
│  ├─ services
│  │  └─ api.ts
│  └─ styles
│     └─ theme.ts
└─ tsconfig.json

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Mobile (React Native)

Veja o arquivo package.json

🦸 Autores


Vanessa Swerts

📝 Licença

Este projeto esta sobe a licença MIT.