Publish your roadmap inside your app and allow users to vote for upcoming features, without having to create a backend!
Roadmap works with a remote JSON configuration listing all features and their statuses. We recommend hosting it at simplejsoncms.com.
An example JSON looks as follows:
[
{
"id": "1",
"title": "Combine sentences",
"status": "planned",
"description" : "You can add a little bit of extra context here."
},
{
"id": "2",
"title": "Open with Finder support",
"status": "planned"
}
]
The keys id
, title
are mandatory and all have to be strings. You can use any value for status
or description
.
Add https://github.com/AvdLee/Roadmap.git
within Xcode's package manager.
Create a new Roadmap configuration following the documentation:
let configuration = RoadmapConfiguration(
roadmapJSONURL: URL(string: "https://simplejsoncms.com/api/k2f11wikc6")!
)
And use the configuration inside the RoadmapView
:
struct ContentView: View {
let configuration = RoadmapConfiguration(
roadmapJSONURL: URL(string: "https://simplejsoncms.com/api/k2f11wikc6")!
)
var body: some View {
RoadmapView(configuration: configuration)
}
}
By initializing the RoadmapConfiguration
with a RoadmapStyle
you can create your own styling.
public struct RoadmapStyle {
/// The image used for the upvote button
let upvoteIcon : Image
/// The font used for the feature
let titleFont : Font
/// The font used for the count label
let numberFont : Font
/// The font used for the status views
let statusFont : Font
/// The corner radius for the upvote button
let radius : CGFloat
/// The backgroundColor of each cell
let cellColor : Color
/// The color of the text and icon when voted
let selectedForegroundColor : Color
/// The main tintColor for the roadmap views.
let tintColor : Color
public init(icon: Image,
titleFont: Font,
numberFont: Font,
statusFont: Font,
cornerRadius: CGFloat,
cellColor: Color = Color.defaultCellColor,
selectedColor: Color = .white,
tint: Color = .accentColor) {
self.upvoteIcon = icon
self.titleFont = titleFont
self.numberFont = numberFont
self.statusFont = statusFont
self.radius = cornerRadius
self.cellColor = cellColor
self.selectedForegroundColor = selectedColor
self.tintColor = tint
}
}
If you don't wan't to configure your own style you can also use one of the templates. You have the option between Standard
, Playful
, Classy
and Technical
so pick whichever works best for your app.
Example
struct ContentView: View {
let configuration = RoadmapConfiguration(
roadmapJSONURL: URL(string: "https://simplejsoncms.com/api/k2f11wikc6")!,
namespace: "roadmaptest",
style: RoadmapTemplate.playful.style, // You can also create your own RoadmapStyle
)
var body: some View {
RoadmapView(configuration: configuration)
}
}
We make use of the Free Counting API
Yes, if a user has voted on a feature they won't be able to vote again.
Roadmap comes with four different preconfigured styles to match most apps. You can change the tintColor, upvote image and more.
To keep development of Roadmap easy and fun, we've decided to only support iOS 16 and macOS Monterey & Ventura for now.
Right now the list of features is loaded in random order. Our thinking is that this will prevent bias for the top voted features. We'll look into ways to make this possible in the future but since the votes are retrieved after the view has been loaded we'll need to look into it.
Yes, we wanted to keep Roadmap as simple as possible to setup. If you're worried about competitors messing with your priority list, maybe use something else.
Yes, please! We would love to invite you to pick up any of the open issues. We'll review your Pull Requests accordingly.
If you've integrated Roadmap into your app and you want to add it to this list, please make a Pull Request.
This library is created in collaboration between Jordi Bruin, Hidde van der Ploeg, and Antoine van der Lee
Roadmap is available under the MIT license. See the LICENSE file for more info.