nlw-pocket-mobile-rn

💻 About

Esta aplicação de nome Nearby consiste em um aplicativo mobile de clube de benefícios com cupons para utilizar em estabelecimentos próximos a você.

Os principais conhecimentos aplicados nesta aplicação foram:

• Uso de mapas no React Native;
• Implementação de componente de Bottom Sheet;
• Leitura de QR Code;

Todavia, essa aplicação foi desenvolvida durante o NLW Pocket Mobile da Rocketseat utilizando principalmente tecnologias como React Native, Expo e TypeScript.

🎨 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

A seguir, veja uma demonstração das principais telas da aplicação:

Splash

Start

Home

Home List

Details

Details Coupon

⚙ Setup

📝 Requisites

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

• Git
• NodeJS
• NPM ou Yarn
• Para reproduzir o acesso a API back-end com os dados necessários para o front-end, clone o seguinte repositório que contem a API do nosso back-end feita em Node.js e execute na sua máquina.

Além disto é bom ter um editor para trabalhar com o código como VSCode

Cloning and Running

Passo a passo para clonar e executar a aplicação na sua máquina:

# Clone este repositório
$ git clone git@github.com:pabloxt14/nlw-pocket-mobile-rn.git

# Acesse a pasta do projeto no terminal
$ cd nlw-pocket-mobile-rn/mobile

# Instale as dependências
$ npm install

# Execute a API back-end
$ cd ../api
$ npm install
$ npm run start

# Execute a aplicação em modo de desenvolvimento
$ npm run start

🛠 Technologies

As seguintes principais ferramentas foram usadas na construção do projeto:

• React Native
• Expo
• TypeScript
• Table Icons
• Axios
• Bottom Sheet
• React Native Maps
• Expo Camera

Para mais detalhes das dependências gerais da aplicação veja o arquivo package.json

📝 License

Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações