Projeto | Tecnologias | Backend | Frontend | Mobile | Rodando localmente
O DevRadar é um projeto desenvolvido durante a 10ª Semana Omnistack que visa conectar desenvolvedores próximos a você e que possuem experiência com as tecnologias buscadas.
Esse projeto foi desenvolvido com as seguintes tecnologias:
API feita com Express que manipula usuários do GitHub, suas tecnologias e coordenadas para popular um banco de dados MongoDB.
Exemplo de saída de listagem de usuários da API:
Página criada com React alimentado da API do backend; possui um formulário cadastro de devs e listagem de devs cadastrados ao lado direito.
Exemplo de tela inicial do front-end:
Aplicação mobile que mostra um mapa com possibilidade de pesquisa de devs pertos de você, por tecnologia.
Exemplo de tela principal e de navegador em perfil do GitHub:
- Clone o repositório;
-
Acesse a pasta
backend
e executeyarn
para instalar as dependências do backend; -
Abra o arquivo
.env.example
e renomeie-o para.env
; -
Mude a variável
MONGODB_URI
pela string de conexão do seu banco de dados MongoDB. Você pode criar uma conta gratuita para utilizar o MongoDB e obter seu próprio URI de conexão; -
Execute
yarn dev
para inicializar o backend.
Agora o servidor estará funcionando.
-
Acesse a pasta
web
e executeyarn
para instalar as dependências do frontend; -
Execute
yarn start
para inicializar a aplicação React.
Sua aplicação React irá servir a porta http://localhost:3000 (porta do frontend) e será feito uma request para sua API através do endereço http://localhost:2832 (porta do backend). Note que o backend deve estar rodando para que você possa utilizar o frontend.
-
Acesse a pasta
mobile
e executeyarn
para instalar as dependências do projeto mobile; -
Execute
yarn start
para inicializar a aplicação com Expo. Mais uma vez, backend deve estar rodando para que você possa utilizar a aplicação corretamente;-
Se você estiver usando um emulador em seu computador, clique no botão "Run on Android device/emulator";
-
Se você estiver usando seu celular, instale o aplicativo Expo e use-o para ler o QR Code exibido no terminal ou na página aberta ao rodar o comando
yarn start
.
-