Middl
Final project @Makers. An iOS app for meeting friends halfway. Built using React-Native.
Install / Use
/learn @Alicespyglass/MiddlREADME
middl
An iOS app for finding new places to meet your friends at a midpoint.
This app allows a user to input their location and a friends location and using the Google Maps API finds the midpoint based on latitude and longitude. The app then finds venues within a 500 meter radius of this based on the users selected venue type. The top three venues are displayed to the user along with the rating and address. The user can then select directions to the venue using Google Maps and can send a text message to their friend using Whatsapp with the suggested location.
Demo gif

Set-up
1. Install node (if you haven't already)
$ brew install node
2. Download and update repo
$ git clone git@github.com:Alicespyglass/middl.git
$ cd middl
$ npm install
If you come across any errors in the terminal at the install, try updating node
$ npm update
3. Download xcode
- Make a cup of tea
- Download Xcode here along with other useful tools
4. Set up simulator
- Check you're in the middl directory
$ react-native run-ios
5. Enjoy!
Tech Team
Technologies
- Javascript
- React Native
- Jest
- node
- Google developer tools (maps API)
- Git
- JSX
- Whatsapp API
- XCode
User Stories
As a user
So I can meet friends
I would like an app to pick a location
As a user
So my friend and I have equal travel time
I would like to find a midpoint for us to meet
As a user
So I can use this app when I'm out and about
I would like to be able to use this app on my smartphone
As a user
So I can discover new places
I would like to get suggestions where to go
As a user
So I have choice
I would like to be able to choose my type of venue
As a user
So I can tell my friend where we should meet
I would like to be able to text them easily
As a user
So I can pick somewhere good to go
I would like to be able to see a rating
As a user
So I can know where to meet my friend
I would like a map to show me where to go
Mockup

Screenshots
App Icon

Splash Screen

Input page

Input page with text

Google maps interface

Whatsapp Message

