https://github.com/erikpervious/blogapp-insider
BlogApp é um aplicativo de postagens em geral. Desenvolvido no Insider 5.0
https://github.com/erikpervious/blogapp-insider
blog blogapp expo insider-react-native node react-native strapi sujeitoprogramador
Last synced: 3 months ago
JSON representation
BlogApp é um aplicativo de postagens em geral. Desenvolvido no Insider 5.0
- Host: GitHub
- URL: https://github.com/erikpervious/blogapp-insider
- Owner: ErikPervious
- License: gpl-3.0
- Created: 2022-05-30T22:33:28.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-04T21:43:33.000Z (about 4 years ago)
- Last Synced: 2025-03-16T17:42:50.272Z (over 1 year ago)
- Topics: blog, blogapp, expo, insider-react-native, node, react-native, strapi, sujeitoprogramador
- Language: JavaScript
- Homepage: https://github.com/ErikPervious/BlogApp-Insider
- Size: 423 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license
Awesome Lists containing this project
README
Projeto |
Features |
Layout |
Pré-requisitos |
Rodando o App |
Abrindo no Smarphone |
Tecnologias |
Licença
💻 Projeto
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.
🚀 Features Novas
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!
🔖 Layout
:hammer: Pré-requisitos
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.
:game_die: Rodando o Aplicativo
```bash
# 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
```
:calling: Abrindo no smartphone
! Você pode executar o aplicativo no seu emulador ou usar seu próprio dispositivo.
* Baixe o aplicativo Expo Go na [Play Store](https://play.google.com/store/apps/details?id=host.exp.exponent&hl=pt_BR&gl=US) ou na [App Store](https://apps.apple.com/br/app/expo-go/id982107779).
* 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.
✨ Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
- [Node.js](https://nodejs.org/en/)
- [React Native](https://reactnative.dev/)
- [Styled Components](https://reactnative.dev/)
- [Expo](https://expo.io)
- [Strapi](https://strapi.io/)
- [AsyncStorage](https://react-native-async-storage.github.io/async-storage/docs/install/)
📄 Licença
Esse projeto está sob a licença GNU. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.