Coder Social home page Coder Social logo

eldergr / gs_gobarber_app Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 3.23 MB

Mobile do Gobarber, aplicação voltada para o agendamento de clientes para barbeiros, para gerenciar seus agendamentos do dia/mês.

TypeScript 74.23% Starlark 0.89% Java 9.34% JavaScript 1.10% Ruby 7.90% Objective-C 6.53%

gs_gobarber_app's Introduction

Semana 3 GoStack: Mobile Gobarber

Projeto desenvolvido durante a Semana 3 do bootcamp GoStack, construindo a aplicação Gomarketplace, explorando conceitos de React Native como:

  • React Hooks
  • Styled-components
  • Context-api
  • Componentização
  • Estado e imutabilidade

⚙ Pré-requisitos

Para a execução do projeto em seu ambiente local é necessário possuir instalado:

  • NodeJS em sua versão LTS

https://nodejs.org/en/

  • Configurar o ambiente local mobile, seguindo os passos abaixo

https://react-native.rocketseat.dev/

🛠 Guia de instalação do projeto

  1. Faça download do projeto do github
  2. Após ter feito download do projeto, acesse o diretorio raiz do mesmo via linha de comando
  3. No terminal, execute o comando npm install para instalar as dependências do projeto (Caso você tenha o yarn instalado em sua máquina, execute apenas yarn para a instalação das dependencias)
  4. Com o ambiente mobile configurado e com um emulador android/ios em execução, ou um device conectado via usb, execute o comando react-native run-android ou react-native run-ios para IOS. Caso você possua mais de um device conectado ou emulador em execução passe o nome do dispositivo no final dos comandos citados acima.

📃 Guia de utilização

Link para a API que o APP está consumindo

https://github.com/ElderGr/gs-gobarber-backend

No caminho src/services/api.js teremos o arquivo de configuração para as requisições a API. Será necessário realizar alterações no valor de baseURL baseado na forma que o ambiente mobile está sendo utilizado

Device USB IOS/Android: Caso você esteja com um device conectado via USB tanto Android quanto IOS, a string deverá seguir o padrão http://ip:port, onde ip é o ip do pc que está sendo executada a api e port a porta que está sendo utilizada. É necessário que o device esteja na mesma rede da pc.

Device Android: Execute o comando adb reverse tcp:5000 tcp:5000 e defina o valor da baseURL como http://localhost:5000

Device IOS: Defina o valor da baseURL como http://localhost:5000

📋 Comandos disponíveis

  • start: execução do app em seu device ou emulador após o bundle ter sido gerado

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.