https://github.com/jsnevt/devradar
Localize desenvolvedores em um raio de 5km e com a tecnologia que você buscar!
https://github.com/jsnevt/devradar
axios-react expo mongoose react socket-io
Last synced: 2 months ago
JSON representation
Localize desenvolvedores em um raio de 5km e com a tecnologia que você buscar!
- Host: GitHub
- URL: https://github.com/jsnevt/devradar
- Owner: JsnEvt
- License: mit
- Created: 2023-02-15T20:16:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-26T19:40:10.000Z (over 1 year ago)
- Last Synced: 2025-03-26T19:14:24.680Z (about 1 year ago)
- Topics: axios-react, expo, mongoose, react, socket-io
- Language: JavaScript
- Homepage:
- Size: 1.27 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DevRadar
### Buscando desenvolvedores num raio e tecnologia específicos através de um mapa global.
Sobre •
Dev Radar •
Instalação •
Tecnologias •
Autor
Projeto desenvolvido durante a Semana OmniStack 10, evento criado pela Rocketseat.
## Sobre
Projeto desenvolvido durante a Semana OmniStack 10, evento criado pela Rocketseat.
Ocorreu em Janeiro de 2020 e teve como intuito mostrar na prática o poder da stack
NodeJS +
ReactJS +
React Native e como essas tecnologias podem te levar até os seus maiores objetivos como programador.
## Dev Radar
O Dev Radar é uma aplicação para buscar desenvolvedores por stack baseado na localização atual do usuário. O proposito é simples: o usuário busca por uma tecnologia e a aplicação irá informar outros devs num raio de 10KM que trabalham com a respectiva tecnologia.
A aplicação possui duas partes sendo elas a aplicação web e o app mobile, as quais serão mostras e explicadas nos próximos tópicos.
### Aplicação web
A aplicação web tem como função ser a interface de cadastro dos usuários. A interface é simples e possui à esquerda um formulário para preenchimento dos dados e à direita a lista dos usuários já cadastrados, conforme vemos a seguir:
Ao acessar a página será solicitado a permissão para acessar a localização do usuário, sendo ela concedida, automaticamente os dados de latitude e longitude do usuário serão inseridos no formulário.
### Aplicação mobile
O objetivo do app mobile é servir para realizar a busca de devs por tecnologia desejada. Ao acessar o aplicativo, o usuário irá se deparar com a tela abaixo aonde terá um campo para inserir a tecnologia que deseja buscar e um mapa aonde o pin dos devs serão inseridos revelando suas respectivas localizações:
Ao clicar na marcação de um dev, uma breve descrição dele será exibida, contendo seu nome, bio do Github e as tecnologias com que ele trabalha:
Ao clicar na biografia do desenvolvedor, o usuário será direcionado para o perfil dele no Github aonde poderá segui-lo, ver seus projetos e explorar outras informações à respeito dele:
## Instalação
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
Além disso é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/).
### 🎲 Rodando o Back End (servidor)
```bash
# Clone este repositório
$ git clone https://github.com/JsnEvt/DevRadar
# Acesse a pasta do projeto no terminal/cmd
$ cd DevRadar
# Vá para a pasta Backend
$ cd Backend
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# O servidor inciará na porta 3333 - acesse
```
### 🖥️ Rodando o Front End (Web)
```bash
# Clone este repositório
$ git clone https://github.com/JsnEvt/DevRadar
# Acesse a pasta do projeto no terminal/cmd
$ cd DevRadar
# Vá para a pasta web
$ cd web
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# O servidor inciará na porta 3000 - acesse
```
### 📱 Rodando o App (Mobile)
```bash
# Clone este repositório
$ git clone https://github.com/JsnEvt/DevRadar
# Acesse a pasta do projeto no terminal/cmd
$ cd DevRadar
# Vá para a pasta mobile
$ cd mobile
# Instale as dependências
$ npm install
# Execute a aplicação
$ expo start
# Será aberto no terminal o menu do Expo onde poderá scanear o QR Code para executar o app diretamente no seu celular ou as opções de executar no emulador android ou iOS
```
## Tecnologias
## 🦸 Autor
[](https://www.linkedin.com/in/jason-everton)
[](mailto:jasonemsw10@gmail.com)
## 📝 Licença
Este projeto esta sobe a licença [MIT](./LICENSE).
Feito com ❤️ por Jason Everton 👋🏽 [Entre em contato!](https://www.linkedin.com/in/jason-everton)
---