Semana Omnistack 10.0

Projeto desenvolvido durante a Semana Omnistack da Rocketseat de 13/01 a 19/01/2020

DevRadar

Projeto será frequentemente atualizado com novas **features** em prol de estudo próprio, para fixação do conteúdo e upgrade das **skills**

Instalação

Configure o MongoDB e atualize a string de conexão com seu User:Senha no arquivo index.js do backend.
Para instalar as dependências e executar o Servidor (modo desenvolvimento), clone o projeto em seu computador e em seguida execute (à partir do root do projeto):

cd backend
yarn install
yarn dev

Para iniciar o Frontend do React utilize o comando (à partir do root do projeto):

cd frontend
yarn install
yarn start

Assim que o processo terminar, automaticamente será aberta no seu navegador a página localhost:3000 contendo o Projeto desenvolvido até agora (Dia 5 de 5).

Backend

Veja mais em backend/README.md para informações sobre o servidor e sua arquitetura.

Frontend

Veja o projeto rodando em https://williamjesusdev.github.io/DevRadar ou em frontend/README.md para informações sobre client Web e os padrões. O Frontend desenvolvido no Dia 3 (com o desafio feito) ficou assim:

Imnsonia

Para testar a API do DevRadar, baixe e instale o Insomnia e em seguida clique na Workspace → Import/Export →
Import Data → From File → e selecione o arquivo Insomnia_export.json deste repositório. Assim que terminar, o resultado ficará assim:

CRONOGRAMA

---

• Aula 01 - 13/01
  • bate-papo sobre a stack Node | React | React Native
  • informações sobre o projeto DevRadar
  • configuração do ambiente de desenvolvimento e dicas

• Aula 02 - 14/01
  • inicio do projeto backend - Node
  • configuração do servidors utilizando express
  • configuração do banco de dados mongoose
  • configuração de rotas de requisição Http - Requests
  • configuração de models e controllers
  • testes de requisições através do Insomnia.REST

• Aula 03 - 15/01
  • inicio do projeto frontend - React
  • criação do projeto com yarn create-react-app
  • configuração de rotas de acesso com react-router-dom
  • criação dos components DevForm e DevItem Components
  • adição da biblioteca cors no backend possibilitando acesso via frontend
  • adição da biblioteca axios e configuração do services/api.js para requisições ao backend

• Aula 04 - 16/01
  • inicio do projeto mobile - React Native
  • adição global da expo-cli com yarn global add expo-cli
  • criação do projeto com expo init mobile, cd mobile e expo start
  • configuração de rotas de acesso com react-navigation
  • criação das páginas Main e Profile Components
  • criação do Mapa utilizando MapView, Marker e Callout react-native-maps
  • adição da biblioteca axios e configuração do services/api.js

• Aula 05 - 17/01
  • inclusão do Real-Time socket.io backend
  • inclusão do Real-Time Client socket.io-client fontend e mobile
  • inclusão de notificação no mobile de novos Devs no Radar de 10km da com as techs buscadas
  • finalização do projeto e bate-papo

FEATURES - EXTRAS

---

• feature 01
  • adição de botões extras no frontend Cancelar e Buscar Localização possibilitando uma melhora no uso

• feature 02
  • adição de alertas de confirmação de edição e deleção impossibilitando erros nos processos comuns ao usuário

• feature 03
  • configuração de um servidor src/server.js dentro da raiz do projeto frontend que envia o client diretamente pra pasta build do projeto, contendo todos os arquivos estáticos da aplicação

• feature 05
  • deploy do projeto para o heroku de ambos projetos backend e frontend
    
    

PROJETO FINALIZADO | 20/01/2020

Licença

MIT © Rocketseat