Skip to content

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.

Notifications You must be signed in to change notification settings

sothulthorn/pinspot-app

Repository files navigation

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:
    git clone https://github.com/sothulthorn/pinspot-app.git
  2. Setup the environment (.env.local):
    EXPO_PUBLIC_GOOGLE_API_KEY={YOUR_GOOGLE_API_KEY}
  3. Install dependencies:
    cd pinspot
    npm install
  4. Run the app using Expo:
    npm start

Project View

All Places
Add New Places
Take Photo
Pick Location
Place Details

About

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.

Topics

Resources

Stars

Watchers

Forks