Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Autora
Esse é o InstaClone. A ideia era recriar apenas o layout do Instagram para aperfeiçoar os conhecimentos em React Native. O projeto foi feito a partir da videoaula apresentada pelo Diego Fernandes da Rocketseat.
Tutorial inicial:
- Feed
- Stories
- Botões de Interação
- Menu
O Layout é o do Instagram no modo claro.
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode
# Clone este repositório
$ git clone git@github.com:nayaracorrea/instaclone.git
# No seu terminal/cmd instale o Expo CLI
$ npm install --global expo-cli
# Acesse a pasta do projeto no seu terminal/cmd
$ cd instaclone
# Vá para a pasta da aplicação
$ cd instaclone
# Instale as dependências
$ npm install ou yarn install
#Iniciar json-server
$ yarn json-server server.json -d 1000 -w
# Inicie o Expo
$ expo start --android ou expo start --ios
# Obs.: Se for executar a aplicação no Android lembre-se de ter um emulador em execução antes de
# iniciar o expo
# Obs.2: A aplicação pode ser executada diretamente no seu smartphone.
# Para isso você precisa ter instalado no seu dispositivo o aplicativo do Expo e scannear o QR Code
# que aparece no canto inferior esquerdo da página que irá abrir após rodar o comando expo start.
Insira nas variáveis de ambiente (PATH) o caminho para as plataformas do Android C:\Users{USERNAME}\AppData\Local\Android\sdk\platform-tools
Abra o emulador ou execute em seu dispositivo.
Obs.: Caso realize o teste em seu dispositivo é necessário conectá-lo a máquina via cabo usb. Vá até as configurações do dispositivo, clique em Opções do desenvolvedor e ative a Depuração de USB. Após isso realize as etapas abaixo.
Abra o prompt de comando e execute os comandos abaixo
# Verifique os dispositivos conectados
$ adb devices
# Finalize os processos adb em execução
$ adb kill-server
# Inicialize o processo adb
$ adb start-server
# Adicione está linha de comando para que o Android reconheça o localhost
$ adb reverse tcp:3000 tcp:3000
As seguintes ferramentes foram usadas na construção do projeto:
Aplicativo JavaScript
Veja o arquivo package.json
- Faça um fork do projeto.
- Crie uma nova branch com as suas alterações:
git checkout -b my-feature - Salve as alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie as suas alterações:
git push origin my-feature
Nayara Corrêa 🚀
Feito por Nayara Corrêa 👋🏽 Entre em contato!
