Giter VIP home page Giter VIP logo

findhouses's Introduction

Logo DevRise Week

🚧 Find Houses | Em Construção 🚧

GitHub language count Repository size GitHub last commit Repository issues License

Projeto   |    Layout   |    Tecnologias   |    Executando   |    Licença


💻 Projeto

Esse projeto foi desenvolvido para aprendizagem da arquitetura de Atomic Design(átomos, moléculas e partículas) em React Native. Um app simples para aluguel de imóveis.

🎒 Aprendizados

  • Arquitetura Atomic Design
  • Criando componentes com o Storybook
  • Estilizando components com o Styled Components
  • Instalando dependências com o Yarn
  • Consumindo API's com o Axios
  • Navegação com o React Navigation
  • Gerenciando estado global com o Zustand
  • Salvando dados localmente com o Async Storage
  • Personalização de Ícones e Splash Screen na camada Nativa
  • Gerando versão Release do App

🎨 Layout

Você pode encontrar o layout nesse link do Figma

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

* Para mais detalhes, veja o package.json

📓 Executando

# Clone este repositório
$ git clone https://github.com/Douglasproglima/FindHouses.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd FindHouses

# Instale as dependências
$ yarn install

# Execute a aplicação
$ yarn android ou yarn ios

📓 Alguns comando executados durantes desenvolvimento do APP


# Relacionar as fontes ao react-native
$ npx react-native link

# Em novos projetos, nasta add dentro da pasta src/assets/fonts as fontes de sua escolha. Após esse procedimento, na raiz do projeto, deve se criar um arquivo react-native.config.js e conteúdo algo similar:
module.exports = {
  assets: ['./src/assets/fonts/'],
};

# repetir o  comando link para relacionar as fonts ao react-native.

# Para usar api externa, é necessário add dois pacotes, axios e react-native-dotenv
$ yarn add axios react-native-dotenv

# Configurar plugin do react-native dotenv no arquivo babel
$

# Limpar cache do Metro bundle (Pausar o nodeserver)
$ yarn start --reset-cache

# Resolvendo problema do Debbug data do emulador
$ adb shell "date `date +%m%d%H%M%Y.%S`"

TO

$ adb shell date -s $(date +%Y%m%d.%H%M%S)

Feito com ❤️ por Douglas Lima Entre em contato!

findhouses's People

Contributors

douglasproglima avatar

Watchers

James Cloos avatar

findhouses's Issues

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.