This example is a simple Dribbble client. It will allow the user to:
- Authenticate with their Dribbble account
- View various lists of shots in a Tab Bar
- Tap on a shot to view a detail view, including the shot comments
Integrating with Dribbble
In order to build and run Shots, you’ll need to set up an ‘Application’ on Dribbble.
To set up an application on Dribble:
- Log in to your account on Dribbble.com
- Got to Account Settings
- Click the ‘Applications’ tab and click ‘Register a new application’
- Set your Application’s Name, Description, and Website URL (these can be anything)
- IMPORTANT For ‘Callback URL’, you must use the same URL Scheme that you set up
Project Settings > Build Settings > URL Schemein your Qwikly project.
For example, a valid setup would be:
Once you’ve got your application setup on Dribble, there’s just one more step to prepare Shots to connect with the Dribble Api.
- Go to
Project Settings > Integrations > Dribbblein Qwikly
- Copy/paste the
Client secretfrom your Dribble app
Building the app
Once you’ve done these steps, you should be ready to build Shots and run it on the simulator or device.
To build the app:
- If you have not previously set the output directory for this project, set one in
Project Settings > Build Settings
Menu > Product > Build
- Go to the output directory and open the
- In Xcode, use
Menu > Product > Runto build your app and run it on the simulator
That’s it! It may take a few minutes to build the app the first time, but it should be faster for subsequent builds.
Open the Sketch Document
If you want to make changes to the Shots UI and see how we’ve put together the
Sketch document, you can open it with
Menu > File > Open Sketch File or by using
Command-Shift-O keyboard shortcut.