Skip to content

JViniciusF/ServicoLX

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ServiceLX 📱 ✔️

Devs 👤

Objetivo 🎯

Este repositório tem como objetivo apresentar os conhecimentos adquiridos, de forma autodidática no que tange as ferramentas utilizadas abaixo, em uma simples aplicação mobile.

Introdução 📝

Nos dias atuais, a procura de produtos e serviços via online se intensificou de maneira exponencial, principalmente devido aos acontecimentos decorrentes da pandemia. O cenário atual pede por soluções mais específicas em todos os ramos de negócio, sejam eles a compra e venda de produtos, entrega de produtos alimentícios entre outros. Dentro deste cenário podemos perceber que existe uma adaptação de plataformas de compra e venda para o ramo de serviços, porém, não existe tal aplicação específica ou na qual angariou seu espaço de forma significante no mercado. Pensando desta forma, criou-se o ServiceLX, uma aplicação mobile que se concentra na oferta e demanda de serviços de seus usuários de forma simples.

Tecnologias utilizadas 💻

Features

Login 🔒

Utilizamos a própria conta google do usuário para realizar o Login no aplicativo. Utilizando as ferramentas Expo conseguimos acesso as aplicações nativas do Android e assim conseguimos informações da conta do usuário como foto, e-mail e nome completo. Também utilizando as ferramentas Expo, podemos utilizar a geolocalização do usuário para definir seu endereço completo.

Home 🏠

Ao logar, o usuário já pode realizar a visualização dos últimos serviços disponibilizados por outros usuários.

Pesquisar 🔍

Quando pesquisar, o usuário poderá colocar palavras chaves e também pesquisar por filtro de preço, reputação ou quantidade de vezes que o serviço foi cotado.

Menu lateral 📃

O usuário poderá, ao arrastar da esquerda para a direita, ter mais opções para ver, criar e separar seus serviços favoritos.

Categorias 📚

Ao acessar as categorias, o usuário poderá filtrar os serviços por sua categoria cadastrada.

Inserir Anúncio 📥

Utilizando a seção de "inserir anúncio" qualquer usuário poderá cadastrar seu serviço.

Detalhes do Serviço 📖

Ao clicar em qualquer serviço, seja proveniente de pesquisa, home ou categorias, é demonstrado os detalhes do serviço e opções de contratação do mesmo. Ao contratar, o usuário também pode realizar a avaliação do serviço prestado.

Chat 💬

O usuário pode se comunicar com outros usuários dentro do app utilizando o chat.

Requerimentos do projeto

  • Node versão 12.19.0 LTS ou última estável - Node Download;
  • React-Native - Expo CLI Expo

Como iniciar o projeto

  • Baixe e instale NodeJS em seu SO de preferência;

  • Instale o Expo-CLI

    npm install expo-cli --global
    
  • Clone o projeto usando o comando

      ~/
      git clone https://github.com/JViniciusF/ServicoLX.git
    
      cd ServicoLX
    
      ~/ServicoLX/
      git fetch
    
      git checkout develop 
    
      git pull
    
  • Back-End

    • Baixe os packages com o gerenciador de pacotes NPM:
      cd back-end
      npm install
    
    • Criando o arquivo .env. Dentro da raiz do repositório existe um exemplo do arquivo chamado .env-example, este deve ser seguido para a conexão com seu banco de dados local, segue exemplo
      MONGO_DATA_BASE=serviceLX
      MONGO_URL=sandbox.w6eyr.mongodb.net/
      MONGO_USERNAME=serviceLX
      MONGO_PASSWORD=1hN5aLAU3Ksgit6I
    

    Obs.: Utilize as credenciais acima para utilizar o banco de testes.

    • Rode a aplicação
      npm run start    
    
  • Front-end

    • Baixe os packages com o gerenciador de pacotes NPM:
      cd front-end
      npm install
    
    • Criando o arquivo environment.js. Dentro da raiz da pasta front-end existe um exemplo do arquivo chamado environment-example.js, este deve ser seguido para a conexão com a API local, segue exemplo
      import Constants from "expo-constants";
      import { Platform } from "react-native";
    
      const ENV = {
          dev: {
              apiUrl: 'http://192.168.15.8:3333/',
              amplitudeApiKey: null,
          },
          staging: {
              apiUrl: "[your.staging.api.here]",
              amplitudeApiKey: "[Enter your key here]",
              // Add other keys you want here
          },
          prod: {
              apiUrl: "[your.production.api.here]",
              amplitudeApiKey: "[Enter your key here]",
              // Add other keys you want here
          }
      };
    
      const getEnvVars = (env = Constants.manifest.releaseChannel) => {
          // What is __DEV__ ?
          // This variable is set to true when react-native is running in Dev mode.
          // __DEV__ is true when run locally, but false when published.
          if (__DEV__) {
              return ENV.dev;
          } else if (env === 'staging') {
              return ENV.staging;
          } else if (env === 'prod') {
              return ENV.prod;
          }
      };
     
      export default getEnvVars;
    

    Obs.: Utilize as credenciais acima para utilizar a API local.

    • Após instalar as dependências e criar o arquivo environment.js, inicie a aplicação Expo:
      cd front-end
      npm run start -a
    

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published