luizcarlosvilela / nlw-2-mobile

Proffy Mobile 📱 - Desenvolvendo App nativo com ReactNative para o projeto da plataforma online de estudos Proffy.

Proffy App Mobile 📱

📚 Proffy é um projeto Open Source desenvolvido na semana Next Level Week (2.0) da Rocketseat utilizando as tecnologias TypeScript, Node, React e React Native.

Telas Mobile 📱

Home	Study	Teacher

🚀 OBJETIVO

O projeto tem como finalidade estabelecer uma conexão entre os professores (Proffys) e os alunos que desejam um professor com qualificação para dar orientações e aulas sobre determinada matéria. Solucionando então um problema de comunicação entre professores que queiram dar aulas, e alunos que desejam um professor para orientar nos estudos em diversas áreas.

💻 TECNOLOGIAS

📱 Mobile (React Native + TypeScript)

• Expo
• Expo Google Fonts
• React Navigation
• Expo Constants
• React Native SVG
• Axios

Arquivo json do front-end mobile package.json

Utilitários

• Protótipo: Figma → Protótipo (Proffy)
• Editor: Visual Studio Code → Extensions: SQLite
• Markdown: StackEdit, Markdown Emoji
• Commit Conventional: Commitlint
• Teste de API: Insomnia
• Ícones: Feather Icons, Font Awesome
• Fontes: Archivo, Poopins

🍷 COMO UTILIZAR

Configurações Iniciais

Primeiro, você precisa ter o NodeJS instalado na sua máquina.

Se você estiver utilizando o Linux, você pode optar por instalar o Node através do gerênciador de versões asdf para facilitar o processo de mudança da versão do Node, quando for necessário.

Você pode optar também por utilizar o yarn no lugar do npm. Você pode instalar clicando nesse link, ou através do asdf.

Após ter o Node instalado, instale as dependências do React e React Native (Expo) de forma global, utilizando os comandos:

# Expo (React Native):
$ npm install -g expo-cli 

Expo (React Native)

Instale as dependências contidas nos arquivos package.json que se encontram na raíz do repositório (para o gerenciamento de commits), no diretório do server, no diretório do website e no diretório mobile. Para instalar as dependências, basta abrir o terminal no diretório e digitar o comando:

$ npm install

# ou
$ yarn

Exemplos:

# Instalando as dependências do commitlint:
$ cd ./proffy
$ npm install

# Instalando as dependências do mobile:
$ cd ./sources/mobile
$ npm install

Veja os arquivos package.json do commitlint, server, website e mobile.

Utilizando o Mobile

Instale o aplicativo Expo no seu smartphone.

# Abrindo o terminal no diretório do mobile:
$ cd ./sources/mobile

# Executando o mobile no modo de desenvolvimento:
$ npm run start

Agora, abra o aplicativo do expo e no modo LAN faça o scan do QRCode.

Se tiver algum problema para executar o aplicativo nesse modo, tente desabilitar o firewall da sua máquina.

Se tiver algum problema com as fontes, utilize o comando:

$ expo install expo-font @expo-google-fonts/archivo @expo-google-fonts/poopins

🌟 AGRADECIMENTOS

Next Level Week	Rocketseat	diego3g	maykbrito

📚 REFERÊNCIAS

• React + TypeScript Cheat Sheet
• Blog Rocketseat
• ReactJS | ReactJS pt-BR
• TypeScript
• React Native
• Expo
• Node
• Celebrate
• Joi

📃 LICENÇA

Este repositório está licenciado pela MIT LICENSE. Para mais informações detalhadas, leia o arquivo LICENSE contido nesse repositório.

Feito com ❤️ por Luiz Carlos Vilela