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.
- 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.
- 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.
- Clone the repository:
git clone https://github.com/sothulthorn/pinspot-app.git
- Setup the environment (.env.local):
EXPO_PUBLIC_GOOGLE_API_KEY={YOUR_GOOGLE_API_KEY}
- Install dependencies:
cd pinspot npm install
- Run the app using Expo:
npm start
All Places |
Add New Places |
Take Photo |
---|---|---|
Pick Location |
Place Details |
---|---|