https://github.com/sothulthorn/pinspot-app
PinSpot is an application that allows users to add their favorite places to a personalized list. Whether it's a scenic spot, a favorite cafe, or a hidden gem, PinSpot lets users capture the moment with a photo, pick the location on the map, and store it for future reference.
https://github.com/sothulthorn/pinspot-app
expo expo-splash-screen expo-sqlite google-maps-api react-native react-navigation
Last synced: 2 months ago
JSON representation
PinSpot is an application that allows users to add their favorite places to a personalized list. Whether it's a scenic spot, a favorite cafe, or a hidden gem, PinSpot lets users capture the moment with a photo, pick the location on the map, and store it for future reference.
- Host: GitHub
- URL: https://github.com/sothulthorn/pinspot-app
- Owner: sothulthorn
- Created: 2024-11-26T11:09:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-30T07:58:11.000Z (over 1 year ago)
- Last Synced: 2025-09-01T17:47:13.183Z (10 months ago)
- Topics: expo, expo-splash-screen, expo-sqlite, google-maps-api, react-native, react-navigation
- Language: JavaScript
- Homepage:
- Size: 1.23 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PinSpot
PinSpot is a React Native application that allows users to add their favorite places to a personalized list. Whether it's a scenic spot, a favorite cafe, or a hidden gem, PinSpot lets users capture the moment with a photo, pick the location on the map, and store it for future reference. All the user data is saved locally, ensuring a seamless and offline experience.
## Features
- **Add Favorite Places**: Users can save their favorite spots by providing a title, taking a picture, and choosing a location on the map.
- **Photo Capture**: Take pictures of the places directly from the app to visually remember each favorite spot.
- **Location Picker**: Choose the exact location of the place on the map to save its geographical coordinates.
- **Local Database Storage**: All user data (title, image, address, location) is stored locally on the device using SQLite, allowing for offline access.
- **User-Friendly Interface**: The app features an intuitive interface with a seamless experience for adding, viewing, and managing favorite places.
## Technologies Used
- **React Native**: Framework for building the app for iOS and Android.
- **SQLite**: A local database for saving and fetching the user’s favorite places.
- **Expo**: Used for simplifying the development process and leveraging the power of React Native.
- **React Navigation**: For handling navigation within the app.
- **MapView**: For picking locations directly from the map.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/sothulthorn/pinspot-app.git
```
2. Setup the environment (.env.local):
```bash
EXPO_PUBLIC_GOOGLE_API_KEY={YOUR_GOOGLE_API_KEY}
```
3. Install dependencies:
```bash
cd pinspot
npm install
```
4. Run the app using Expo:
```bash
npm start
```
## Project View
|
All Places | Add New Places | Take Photo |
| ---------------------------------------------------------------------------- | -------------------------------------------------------------------------------- | ----------------------------------------------------------------------------- |
| 
| 
| 
|
|
Pick Location | Place Details |
| -------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
| 
| 
|