Pedronex/Aircnc

Aplicação desenvolvida em ReactJS, React Native e Node durante a Omnistack 9.0

Aircnc

aircnc

Encontre talentos em seu spot

Sumario

• Sobre o Projeto
  • Tecnologias usadas
• Passo a Passo
  • Pré-Requisitos
  • Inicializar o Servidor
  • Inicializar a Aplicação Web
  • Inicializar a Aplicação Mobile
• Licença
• Contato
• Imagens do Projeto
  • Mobile
  • Web

Sobre o Projeto

O projeto foi desenvolvido com o intuito de aprender sobre ReactJS, React Native e Node em uma só aplicação. A aplicação em si é inovadora, pensada para realizar pedidos de reserva de salas para programadores.
A ideia é poder chamar novos programadores para a sua empresa para conhecer o ambiente de produção, realizar mentorias, conhecer novos desenvolvedores ou até alugar um espaço para realizar as atividades para a empresa.

Feito com:

NodeJS - O NodeJS é um interpretador de código aberto, que é usado JavaScript de forma assíncrona, e é orientado a evento, o interpretador tem como base realizar a conexão de uma linguagem de cliente para os servidores.
ReactJS - O ReactJS ou React é uma biblioteca que permite criar interfaces para web usando JavaScript.
React Native - O React Native é um framework que permite o desenvolvimento de aplicações mobile usando JavaScript e React.

Passo a Passo

Pré-Requisitos

• Ter acesso ao terminal do seu sistema operacional
• Conter o node instalado (Recomendado que tenha yarn também).
• Ter a aplicação completamente baixada
• Acesso a internet (a aplicação realiza conexão com bando de dados)
• Estar com o expo instalado.

Inicializar o servidor

Passos para ligar o servidor:

1. Extrair todos os arquivos

2. Acessar a pasta Aircnc/backend

3. Escrever o comando npm installou yarn.

4. Importante verificar o ip do seu computador ex: 192.182.15.1. Alterar o ip que esta escrito no backend/models/Spot.js Como escrito a seguir:

   ``SpotSchema.virtual("thumbnail_url").get(function() {

   returnhttp://(seu ip):3333/files/${this.thumbnail};

   });``

5. Após o termino da instalação escreva o comando npm dev ou yarn dev.

6. Agora o servidor já esta ligado

Inicializar a aplicação web

Passos para inicializar a aplicação:

1. Acessar a pasta Aircnc/frontend
2. escrever o comando npm install ou yarn.
3. Após o termino da instalação escreva o comando npm start ou yarn start.
4. Após a inicialização do comando a aplicação será inicializada no seu browser de preferencia.

Inicializar a aplicação mobile

Passos para inicializar a aplicação:

1. Acessar a pasta Aircnc/mobile
2. Escrever o comando npm install ou yarn.
3. Importante verificar o ip do seu computador ex: 192.182.15.1. Alterar o ip que esta escrito no mobile/pages/List.js Como escrito a seguir: const socket = socketio("http://(seu ip):3333", { query: { user_id } });
4. Após o termino da instalação de dependências e a alteração do ip realize o comando no terminal expo start.
5. Após a execução do comando realize o download do aplicativo expo para android ou ios
6. No browser leia o QR code para abrir a aplicação.

Licença

Distribuído sob a licença MIT. Veja LICENSE para mais informações.

Contato

Pedro - Github - pedrosoares.nex@gmail.com

Imagens do Projeto

Mobile

Web