Build your own Uber app in Swift

Shrikar Archak / August 06, 2015

3 min read

Build your own uber app

In this month's tutorial we will be building the  uber user side app. The key concept you will be learning are

  • CoreLocation
  • MapKit
  • Custom Views

Before we start lets go to the Build Phase and add CoreLocation and MapKit framework to our app. Also make sure your application allow location simulation.

Build your own uber app
Build your own uber app

To begin with let's create a new project. Select the ViewController on the Mainstoryboard -> go to embed in -> Navigation Controller. Now we can start adding all the necessary UIKit elements to the storyboard.

First thing is to create a new Image Asset for the location icon. I personally use Icons8 App for all my icon needs.

  • Select Assets.xcassets
  • Click on the + icon and drag the location icon on to the 2x and 3x assets
    Build your own uber app

At this point lets go ahead and drag a MapView onto the ViewController in the mainstoryboard. With the mapview selected set the autolayout constraints to 0 on all sides and update the frame if required.

Build your own uber app

Now drag a UIView on to the view controller to the top just below the Navbar and set the autolayout constraints as shown in the image. Make sure you add the height constraint for the UIView. Within the UIView drag a label and set the constraints for the label as shown in the image below.

Build your own uber app
Build your own uber app

Now for showing the reference point lets drag a UIImageView of 45 X 45 and set the image to the location icon which we imported before

Build your own uber app
Build your own uber app

If you go ahead and run the application we will get a simple view with a default address , a mapview and a button. If you prefer watching a video take a look at the video below. Also once you are done with the part 1 make sure you checkout the Part 2 of building an uber app in Swift

Shrikar Archak

@shrikar84

IndieHacker and Software Developer. Getting started to build in public.Tweet me @shrikar84 for any collaboration opportunity or brainstorming.

#developer#ml-engineer#seo

Subscribe to the newsletter

Get notified when new content or topic is released.

You won't receive any spam! ✌️