Projeto | Features | Layout | Pré-requisitos | Rodando o App | Abrindo no Smarphone | Tecnologias | Licença
O Insider é um projeto criado pelo SujeitoProgramador e em todas as edições desenvolvemos uma aplicação mobile completa do zero usando o React Native.
Nessa edição 5.0 desenvolvemos um aplicativo de blog, no qual o mesmo busca pelos dados usando uma API que criamos com o Strapi, foram 4 dias de muito código e bastante aprendizado.
Para levar a aplicação ao próximo nível eu fiz algumas alterações como: criar o projeto do zero usando o Styled Components, Adicionei animações em todo o aplicativo usando o Animatable, deixando o mesmo mais interativo e chamativo e por fim também adicionei o tema escuro que toda aplicação deve ter haha!
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, NodeJS, Expo, um bom editor de texto para trabalhar com o código como o VSCode.
# Clone este repositório
$ git clone https://github.com/ErikPervious/BlogApp-Insider
# Acesse a pasta do projeto no terminal/cmd
$ cd BlogApp-Insider
# Entre na pasta da API e rode ela
$ cd BlogApp-Api
e depois $ yarn develop
# A API irá rodar e abrir no seu navegador o painel de administrador do Strapi
# No Painel você pode postar suas publicações, criar/editar regras, ver os endereços acessíveis entre várias outras coisas
# A Documentação do Strapi está disponível no site: https://docs.strapi.io/
# Pegue o IP da sua máquina, você pode fazer isso usando o seguinte comando no seu terminal/cmd
$ ipconfig # Windows
$ ifconfig # Linux
# Agora acesse o arquivo api.js e coloque seu ip na baseURL
# Caminho até o arquivo api.js -> BlogApp/src/services/api.js
# Exemplo:
$ baseURL: 'http://ColoqueSeuIpAqui:1337/'
# Feito isso, volte na pasta do aplicativo e instale as dependendências necessárias
# Caminho até a pasta do aplicativo -> BlogApp/
$ yarn install
# Agora você pode executar a aplicação usando o Yarn
$ yarn start
# Ou usando o próprio Expo
$ expo start! Você pode executar o aplicativo no seu emulador ou usar seu próprio dispositivo.
- Baixe o aplicativo Expo Go na Play Store ou na App Store.
- Abra o app, conceda as permissões necessárias e aperte no Scan QR Code.
- Escaneie o QR Code que irá aparecer no seu CMD/Terminal.
- Agora aguarde carregar e pronto.
As seguintes ferramentas foram usadas na construção do projeto:
Esse projeto está sob a licença GNU. Veja o arquivo LICENSE para mais detalhes.