Code Monkey home page Code Monkey logo

easycarros-app-react-native's Introduction

Easy Carros Aplicativo - React Native - Frontend-Challenge

Desafio Easy Carros para frontend developers, aplicação em react native com sistema de autenticação de login, assim que o usuário é autenticado ele é redirecionado para o dashboard onde ele pose visualizar de uma forma simples e objetiva a lista de carros da sua frota.

Nessa tela o usário pode Adicionar os novos carros a frota ou Deletar os mesmos.

O que foi usado:

  • React Native
  • apisauce - Consumir a API
  • AsyncStorage

Você pode ver mais ScreenShots do app - Clique e acesse agora!

Como iniciar o aplicativo?

  1. De um git clone em nosso repositório ou baixe o zip

  2. Abra o CMD vá a até a pasta da raiz da aplicação e execute

  • o comando "yarn" ou "npm install".
  1. após finalizar o processo de instalação das dependencias execute
  • o comando "react-native run-android"

isso irá iniciar o aplicativo ou em seu emulador ou celular fisico.

  1. agora, só iniciar a api.

Para utilizar o aplicativo utilize as Credenciais válidas:

A API

  • Pré-requisitos Você deve instalar os seguintes pacotes antes de prosseguir:

yarn

Executando o servidor da API

Na raiz deste projeto, rode:

> cd src\services\api
> yarn install # vai demorar um pouco
> yarn start # o servidor irá escutar a porta 8181 por padrão

Se tudo correr bem, você verá a seguinte mensagem no seu terminal:

  • App is listening on http://localhost:8181

O CORS da API está configurado para receber requisições de localhost:3000

Solução de problemas

  • Se ao executar yarn start você se deparar com um erro parecido com:
> Error: listen EADDRINUSE :::8181
>    at Server.setupListenHandle [as _listen2] (net.js:1330:14)
>    at listenInCluster (net.js:1378:12)
>    at Server.listen (net.js:1466:7)
>    ...

Significa que a porta 8181 está em uso no seu computador. Para utilizar uma porta diferente, rode:

PORT='<OUTRA PORTA>' yarn start

Se tiver problemas com CORS:

Altere o arquivo .env para as configurações do app frontend

APP_HOST=localhost
APP_PORT=3000

easycarros-app-react-native's People

Contributors

benits avatar gabrielpaivadev avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

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.