https://github.com/pabloxt14/nlw-pocket-mobile-rn
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ê.
https://github.com/pabloxt14/nlw-pocket-mobile-rn
axios bottom-sheet expo expo-camera javascript nodejs react react-native react-native-maps table-icons-react-native typescript
Last synced: about 2 months ago
JSON representation
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ê.
- Host: GitHub
- URL: https://github.com/pabloxt14/nlw-pocket-mobile-rn
- Owner: PabloXT14
- Created: 2024-12-10T00:39:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-14T20:01:40.000Z (over 1 year ago)
- Last Synced: 2025-06-26T19:48:06.426Z (11 months ago)
- Topics: axios, bottom-sheet, expo, expo-camera, javascript, nodejs, react, react-native, react-native-maps, table-icons-react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 3.91 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🚀 Aplicação finalizada 🚀
About |
Layout |
Setup |
Technologies |
License
## 💻 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](https://www.rocketseat.com.br/) utilizando principalmente tecnologias como `React Native`, `Expo` e `TypeScript`.
## 🎨 Layout
Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/community/file/1448070647757721748). É necessário ter conta no [Figma](https://www.figma.com/) 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](https://git-scm.com)
* [NodeJS](https://nodejs.org/en/)
* [NPM](https://www.npmjs.com/) ou [Yarn](https://yarnpkg.com/)
* Para reproduzir o acesso a API back-end com os dados necessários para o front-end, clone o seguinte [repositório](https://github.com/pabloxt14/nlw-journey-node) 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](https://code.visualstudio.com/)
### Cloning and Running
Passo a passo para clonar e executar a aplicação na sua máquina:
```bash
# 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](https://reactnative.dev/)**
- **[Expo](https://expo.dev/)**
- **[TypeScript](https://www.typescriptlang.org/)**
- **[Table Icons](https://tabler.io/docs/icons/react-native)**
- **[Axios](https://axios-http.com/ptbr/docs/intro)**
- **[Bottom Sheet](https://github.com/gorhom/react-native-bottom-sheet)**
- **[React Native Maps](https://docs.expo.dev/versions/latest/sdk/map-view/)**
- **[Expo Camera](https://docs.expo.dev/versions/latest/sdk/camera/)**
> Para mais detalhes das dependências gerais da aplicação veja o arquivo [package.json](./mobile/package.json)
## 📝 License
Este projeto está sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para mais informações
Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!