https://github.com/vagnernerves/nlw-pocket-reactnative-122024
I developed Nearby using React Native and Expo, an application designed to make accessing discount coupons easier. With Nearby, users can navigate an interactive map, find nearby establishments, and select the desired location to obtain exclusive discounts.
https://github.com/vagnernerves/nlw-pocket-reactnative-122024
expo expo-camera expo-router map-view react-native react-native-bottom-sheet tabler-icons typescript
Last synced: 30 days ago
JSON representation
I developed Nearby using React Native and Expo, an application designed to make accessing discount coupons easier. With Nearby, users can navigate an interactive map, find nearby establishments, and select the desired location to obtain exclusive discounts.
- Host: GitHub
- URL: https://github.com/vagnernerves/nlw-pocket-reactnative-122024
- Owner: VagnerNerves
- License: mit
- Created: 2024-12-09T23:03:12.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-17T19:01:08.000Z (5 months ago)
- Last Synced: 2025-02-08T09:24:02.663Z (3 months ago)
- Topics: expo, expo-camera, expo-router, map-view, react-native, react-native-bottom-sheet, tabler-icons, typescript
- Language: TypeScript
- Homepage:
- Size: 938 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Project NLW Pocket - Nearby
I developed Nearby using React Native and Expo, an application designed to make accessing discount coupons easier. With Nearby, users can navigate an interactive map, find nearby establishments, and select the desired location to obtain exclusive discounts. By scanning the QR Code available at the establishment, the user automatically receives the discount code, making the process simple, fast, and efficient.
## 🧠Table of contents
- [🧠Table of contents](#-table-of-contents)
- [🎥 Implementation Video](#-implementation-video)
- [🎨 Layout](#-layout)
- [💡 Technologies Used](#-technologies-used)
- [📂 Folder Structure](#-folder-structure)
- [🚀 Running the Project](#-running-the-project)
- [Back-end](#back-end)
- [Mobile](#mobile)
- [🌎 License](#-license)
- [✒ Author](#-author)
## 🎥 Implementation Video
https://github.com/user-attachments/assets/cee84ce8-db9e-45b6-8817-f1868b7f82bc
## 🎨 Layout
Layout developed by [Millena Martins](https://www.linkedin.com/in/millenamartins/)
[]()
## 💡 Technologies Used
- [x] [React Native](https://reactnative.dev/)
- [x] [Expo](https://docs.expo.dev/)
- [x] [TypeScript](https://www.typescriptlang.org/)
- [x] [Expo Router](https://docs.expo.dev/router/introduction/)
- [x] [Map View](https://docs.expo.dev/versions/latest/sdk/map-view/)
- [x] [Expo Camera](https://docs.expo.dev/versions/latest/sdk/camera/)
- [x] [React Native Bottom Sheet](https://gorhom.dev/react-native-bottom-sheet/)
- [x] [Tabler Icons](https://tabler.io/docs/icons/react-native)
## 📂 Folder Structure
```plainText
mobile
.
├── src # Source files
│ ├── app # Screens
│ ├── assets # Contains Js bundles assets. e.g: icons, splash, images etc...
│ ├── components # Contains all global react components
│ ├── services # Contains external and api services
│ ├── styles
│ ├── utils
.
└──
```
## 🚀 Running the Project
Clone the project
```bash
git clone https://github.com/VagnerNerves/nlw-pocket-reactnative-122024.git
```
### Back-end
Enter the project directory
```bash
cd backend
```
Install with dependencies
```bash
npm install
```
Start the server
```bash
npm run start
```
### Mobile
Enter the project directory
```bash
cd mobile
```
Install with dependencies
```bash
npm install
```
Start the server
```bash
npx expo start
```
## 🌎 License
This project is under the MIT license. See the [LICENSE](https://github.com/VagnerNerves/nlw-pocket-reactnative-122024/tree/main?tab=MIT-1-ov-file) file for more details.
## ✒ Author
Vagner Nerves
Made with love and hate 😅, get in touch!
[](https://www.linkedin.com/in/vagnernervessantos/)
[](mailto:[email protected])
[](https://github.com/VagnerNerves)