🚧 NLW Copa Em desenvolvimento 🚀 🚧

About | Layout | How It Works | Technologies | Author | License

💻 About

O NLW Copa é uma aplicação com parte web, back-end e mobile, que tem como função a realização de bolões a respeito das partidas de jogos da copa do mundo, no qual esses bolões podem ser realizados entre conhecidos, amigos e até familiares.

O projeto foi desenvolvido durante a NLW - Next Level Week oferecida pela Rocketseat. O NLW é uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo fica disponível durante uma semana.

Desenvolvi por conta própria algumas features novas para a plataforma Web, como autenticação com JWT e novas telas.

---

🎨 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

Web

Mobile

---

🚀 How it works

Este projeto é divido em três partes:

1. Backend (pasta server)
2. Frontend (pasta web)
3. Mobile (pasta mobile)

💡Tanto o Frontend quanto o Mobile precisam que o Backend esteja sendo executado para funcionar.

Pré-requisitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

• Git
• NodeJS
• Yarn ou NPM

Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o Backend (servidor)

# Clone este repositório
$ git clone https://github.com/joao0pedro0alves/nlw-copa.git

# Acesse a pasta do projeto no terminal/cmd
$ cd nlw-copa

# Vá para a pasta server
$ cd server

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# O servidor inciará na porta:3333 - acesse http://localhost:3333 

🧭 Rodando a aplicação web (Frontend)

# Vá para a pasta da aplicação Front End
$ cd web

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

📱 Rodando a aplicação mobile (Mobile)

# Vá para a pasta da aplicação mobile
$ cd mobile

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npx expo start

---

🛠 Technologies

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

Website (Next + TypeScript)

• TailwindCSS
• PostCSS
• Axios

Veja o arquivo package.json

Server (NodeJS + TypeScript)

• Fastify
• Zod
• Short-Unique-Id
• Prisma
• SQLite

Veja o arquivo package.json

Mobile (React Native + TypeScript)

• Expo
• Expo Fonts
• Expo Google Fonts
• Expo Auth Session
• Expo Web Browser
• Native Base
• Phosphor React Native
• React Navigation
• React Native SVG
• React Native Country Flag
• Axios
• Country-List
• DayJS
• dotENV

Veja o arquivo package.json

---

👨‍💻 Contribuidores

Pablo Alan 👨‍🚀

💪 Como contribuir para o projeto

1. Faça um fork do projeto.
2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
4. Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

---

🦸 Author

_{João Alves 🚀}

---

📝 License

Este projeto esta sobe a licença MIT.

Feito com 💜 por João Alves 👋🏽 Entre em contato!

---