Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guilhermeorcezi/omnistack10-devradar
🚀 DevRadar: Aplicação desenvolvida na 10° semana da Ominstack feito pela Rocketseat.
https://github.com/guilhermeorcezi/omnistack10-devradar
nodejs omnistack-week-10 reactive-native reactjs rocketseat
Last synced: 3 months ago
JSON representation
🚀 DevRadar: Aplicação desenvolvida na 10° semana da Ominstack feito pela Rocketseat.
- Host: GitHub
- URL: https://github.com/guilhermeorcezi/omnistack10-devradar
- Owner: guilhermeorcezi
- Created: 2020-01-17T21:39:38.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T05:17:01.000Z (about 2 years ago)
- Last Synced: 2024-09-30T18:23:10.668Z (3 months ago)
- Topics: nodejs, omnistack-week-10, reactive-native, reactjs, rocketseat
- Language: JavaScript
- Homepage:
- Size: 17 MB
- Stars: 22
- Watchers: 2
- Forks: 1
- Open Issues: 39
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Omnistack 10 - DevRadar
🚀 DevRadar: Aplicação desenvolvida na 10° semana da Ominstack feito pela Rocketseat.
## Features
Utilização de API do Github e artifícios de localização com a utilização de:
- ⚛️ **React Js** — Livraria Javascript para construção de interfaces;
- ⚛️ **React Native** — Livraria que provê uma maneira eficiente de criar aplicações nativas para Android e iOS;
- 💹 **Node Js** — Web framework que permite utilizar javascript tanto no frontend quanto no backend;
## Projeto
O DevRadar é um projeto que visa facilitar a busca por desenvolvedores que residem próximo a você. A aplicação detecta sua localização geográfica a partir do Google Maps e então mostra todos desenvolvedores próximos no raio de 100KM, utilizando a API do GitHub para puxar informações do perfil da pessoa. No Mobile, a aplicação exibe o mapa aonde é possível pesquisar, por tecnologias, os devs nesse raio de distância
## Getting started
### Instalação - Backend
Clone o projeto em seu computador. Configure o MongoDB e crie uma arquivo **.env** para passar a string de conexão com seu `User:Senha`na propriedade MONGO_URL.
```bash
MONGO_URL: string de conexão
```
Para instalar as dependências e executar o **Servidor** (modo desenvolvimento) execute:
```bash
cd backend
yarn install
yarn dev
```
### Instalação - Frontend
Para iniciar o **Frontend** do React utilize os comandos:
```bash
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 no dia 3 de 5.
### Mobile
Resultado da aplicação mobile utilizando WebSockets:
Para ver a aplicação mobile com o React Native primeiro é necessário colocar o IP do seu servidor (ou computador) no arquivo `src/services/api.js`, e depois executar os comandos:
```bash
# NÃO é preciso executar a linha de baixo caso ja tenha o Expo (CLI) instalado
yarn global add install expo-cli
cd mobile
yarn install
yarn start
```
Assim que o processo terminar, automaticamente será aberta no seu navegador a página `localhost:19002`. Conecte seu emulador, ou teste o aplicativo por `LAN`: baixe o aplicativo *Expo* da Play Store ou App Store e em seguida escaneie o código QR.
### Insomnia
Para testar a API do DevRadar, baixe e instale o [Insomnia](https://insomnia.rest/download/) e em seguida clique na Workspace → `Import/Export` → `Import Data` → `From File` → e selecione o arquivo ` Insomnia_export.json` deste repositório.
## Licença
Esse projeto é licensiado pela MIT License - Veja a página da [licença](https://opensource.org/licenses/MIT) para detalhes