Projeto da fictícia rede social SocialMap para estudo das tecnologías do React, React-native e RabbitMQ.

• API Backend
• Frontend Web
• Frontend Mobile

Arquitetura

Versão WEB (100% responsiva)

    

Versão Mobile

    

Rodar o projeto

Clone o repositorio

$ git clone https://github.com/bc-fullstack-01/EdnoAlmeida-ProjetoFinal.git
$ cd EdnoAlmeida-ProjetoFinal

Iniciando o back e o front juntos

$ docker-compose up

• Para popular o banco de dados para fins de teste faça um get na rota a baixo, simplesmente colando esse endereço no navegador. Com o backend rodando é claro.

http://localhost:4000/v1/dev/seed

- Iniciando os projetos separadamente

Iniciar o Backend

$ cd SocialMap-Backend

• No arquivo .env, mude o valor da variável HOTS para o host da sua rede

HOST=SUA_REDE

Inicie o container do Backend

• OBS: Cuidado com os possíveis erros causados por nomes genéricos nos containers como 'mongodb'. Você pode precisar renomeá-los.

$ docker-compose build
$ docker-compose up

• No arquivo app.js pode ser necessário comentar a linha que invoca o middlware helmet.

// Middlewares
app.use(cors())
//app.use(helmet());

Inicie o projeto Frontend

$ cd SocialMap-Frontend
$ npm install

• OBS: O projeto React usa a porta 3000 que é bem comum, caso haja algum programa rodando nessa porta você deve alterar uma das duas.

$ npm start

Inicie o projeto Mobile

$ cd SocialMap-Mobile
$ npm install

Mudar o valor no arquivo constante.ts para o host da sua internet

Optei por fazer isso para poder acessar o backend pelo celular usando a mesma rede

const CONSTANTS = {
    API_HOST: 'http://SUA_REDE:4000/v1',
    SOCKET_HOST: 'http://SUA_REDE:4000/v1'
}

Rodar o projeto

$ npm start