WEBVTT

1
00:00:00.000 --> 00:00:03.560
Mun here, and we're just going to keep going live every Tuesday

2
00:00:03.560 --> 00:00:05.520
and kind of bring you guys into sort of how we're

3
00:00:05.520 --> 00:00:08.160
training our team and just some of the things we're reviewing,

4
00:00:08.160 --> 00:00:10.160
keeping everybody on the same page.

5
00:00:10.160 --> 00:00:12.400
So we generally, as a team, don't

6
00:00:12.400 --> 00:00:14.080
do a whole lot of meetings.

7
00:00:14.080 --> 00:00:16.239
We don't do an all-hands meeting or anything like that.

8
00:00:16.239 --> 00:00:19.620
So this is kind of what we do to work,

9
00:00:19.620 --> 00:00:22.000
to talk through a new process, to share

10
00:00:22.000 --> 00:00:26.280
some of the knowledge between the team members.

11
00:00:26.280 --> 00:00:28.560
Last two weeks, we had Janata jump in here and give us

12
00:00:28.560 --> 00:00:30.120
some deep dives on Flutter.

13
00:00:30.120 --> 00:00:31.840
We're going to have Luchin come in in the next couple weeks

14
00:00:31.840 --> 00:00:33.960
and talk about some of the things he's working on.

15
00:00:33.960 --> 00:00:37.240
I'm just going to just share from different points of view

16
00:00:37.240 --> 00:00:38.400
in our team.

17
00:00:38.400 --> 00:00:40.400
And generally, we're trying to focus, obviously,

18
00:00:40.400 --> 00:00:43.760
on how we're using ShapeUp, how we're using AI,

19
00:00:43.760 --> 00:00:45.880
how we're building really cool products

20
00:00:45.880 --> 00:00:47.840
and doing them really quickly with really

21
00:00:47.840 --> 00:00:51.400
a team of one person managing a project by themselves.

22
00:00:51.400 --> 00:00:54.240
And so we'll just kind of bring you guys into the loop

23
00:00:54.240 --> 00:00:55.720
of how we're doing that.

24
00:00:55.720 --> 00:00:57.800
And of course, you guys can ask questions or jump

25
00:00:57.800 --> 00:00:58.800
on here and comment.

26
00:00:58.800 --> 00:01:00.200
So this is really for our team, but we

27
00:01:00.200 --> 00:01:02.640
thought we'd stream it just to hopefully help other people

28
00:01:02.640 --> 00:01:03.840
out.

29
00:01:03.840 --> 00:01:06.120
And always, if you're interested in working with us,

30
00:01:06.120 --> 00:01:07.240
you can check out the link.

31
00:01:07.240 --> 00:01:09.800
There's always a link to apply and potentially

32
00:01:09.800 --> 00:01:10.540
work with the team.

33
00:01:10.540 --> 00:01:15.320
So today, I wanted to do a deep dive into just throw you guys

34
00:01:15.320 --> 00:01:18.280
right into the messy middle of one of our products.

35
00:01:18.280 --> 00:01:24.720
So we have a product here called Tribe Social, something

36
00:01:24.720 --> 00:01:27.760
that we built. I'm going to show you this website.

37
00:01:27.760 --> 00:01:29.840
This is kind of our marketing site here.

38
00:01:29.840 --> 00:01:32.080
And so it's a way to have a mobile app,

39
00:01:32.080 --> 00:01:33.480
host your community.

40
00:01:33.480 --> 00:01:35.640
It's something we built internally and bootstrapped

41
00:01:35.640 --> 00:01:39.160
in 2020, and we've just been chipping away at it.

42
00:01:39.160 --> 00:01:42.360
And so what we have right now is we're

43
00:01:42.360 --> 00:01:44.920
kind of overhauling a lot of different things.

44
00:01:44.920 --> 00:01:48.040
And so typically, when we do a single project,

45
00:01:48.040 --> 00:01:50.540
if you guys have been following along, you know how we do it.

46
00:01:50.540 --> 00:01:53.000
We typically build out a little framing doc

47
00:01:53.000 --> 00:01:55.240
like this, where we talk about the problem,

48
00:01:55.240 --> 00:01:57.080
talk about the outcome.

49
00:01:57.080 --> 00:01:59.120
We talk about the things that we're not doing,

50
00:01:59.120 --> 00:02:01.480
and then we really dive into the appetite.

51
00:02:01.480 --> 00:02:03.900
And then from there, we'll kind of map out currently

52
00:02:03.900 --> 00:02:06.400
how the flow is working and then what we think the new flow

53
00:02:06.400 --> 00:02:07.320
should look like.

54
00:02:07.320 --> 00:02:11.039
And we use diagrams like this to talk about the database.

55
00:02:11.039 --> 00:02:15.840
So this is something that we were working with Ryan Singer

56
00:02:15.840 --> 00:02:18.800
as a team on, and there's just so many different things

57
00:02:18.800 --> 00:02:20.800
we wanted to change all at once.

58
00:02:20.800 --> 00:02:22.640
There's some big architectural changes.

59
00:02:23.240 --> 00:02:28.760
Right now, we currently have JavaScript backend CMS

60
00:02:28.760 --> 00:02:30.560
that's driving a lot of the content.

61
00:02:30.560 --> 00:02:33.760
And then through our years of experimentation,

62
00:02:33.760 --> 00:02:37.720
we dove into Flutter Flow, which had us pull into Firebase.

63
00:02:37.720 --> 00:02:40.840
So there's a bunch of MySQL database stuff going on

64
00:02:40.840 --> 00:02:44.840
where it syncs to Firebase, and it's just a nightmare

65
00:02:44.840 --> 00:02:46.920
to kind of work on and build new features in that.

66
00:02:46.920 --> 00:02:48.720
So one of our big initiatives was

67
00:02:48.720 --> 00:02:51.560
to really get rid of Firebase and then

68
00:02:51.560 --> 00:02:54.280
ultimately get rid of Flutter.

69
00:02:54.280 --> 00:02:57.160
And so what we were going to do is,

70
00:02:57.160 --> 00:02:58.760
over the course of the next few months,

71
00:02:58.760 --> 00:03:02.320
start to work those Firebase out of the system.

72
00:03:02.320 --> 00:03:05.000
And so to do that, there's a number of different projects.

73
00:03:05.000 --> 00:03:06.560
So we have this little sketch here,

74
00:03:06.560 --> 00:03:09.440
which we use this as well for our customers

75
00:03:09.440 --> 00:03:11.200
when we have a big project and we're

76
00:03:11.200 --> 00:03:12.800
trying to think through timelines,

77
00:03:12.800 --> 00:03:15.500
because there's just that many weeks we can do inside of a month.

78
00:03:15.500 --> 00:03:18.040
And so we don't really plan that on this one day,

79
00:03:18.040 --> 00:03:19.880
we're going to start this particular project

80
00:03:19.880 --> 00:03:21.160
and we have six days to do it.

81
00:03:21.160 --> 00:03:22.320
And then this happens.

82
00:03:22.320 --> 00:03:24.760
I like to think of it in the months as far as,

83
00:03:24.760 --> 00:03:26.760
in September, we're going to get this done.

84
00:03:26.760 --> 00:03:29.360
We try to put things generally on a calendar,

85
00:03:29.360 --> 00:03:32.960
but we're not micromanaging specific days have to be done.

86
00:03:32.960 --> 00:03:35.200
We're just looking at, hey, in the month of September,

87
00:03:35.200 --> 00:03:36.540
we kind of need to get this done,

88
00:03:36.540 --> 00:03:37.960
and then October and November.

89
00:03:37.960 --> 00:03:42.920
And this has become the right level of abstraction for us.

90
00:03:42.920 --> 00:03:47.640
It was the right level of summarization, I guess.

91
00:03:47.640 --> 00:03:50.320
Because quickly, anyone can, you guys can look at this,

92
00:03:50.480 --> 00:03:54.960
and in September, we rebuilt our Go Live feature.

93
00:03:54.960 --> 00:03:56.720
So Janata, who you heard from last week,

94
00:03:56.720 --> 00:04:01.160
came in and we actually integrated the 100 MS SDK

95
00:04:01.160 --> 00:04:04.920
into the app, which before we're using a lot of embedding hacks

96
00:04:04.920 --> 00:04:07.360
that was just done really badly in the past.

97
00:04:07.360 --> 00:04:09.920
Now we're using the SDK.

98
00:04:09.920 --> 00:04:12.200
And so we also had a quota project

99
00:04:12.200 --> 00:04:14.240
that allowed certain users to upload

100
00:04:14.240 --> 00:04:16.760
certain amounts of content or types of content.

101
00:04:16.760 --> 00:04:20.040
And then in October, we've been working

102
00:04:20.240 --> 00:04:22.920
through basically taking our entire community feed.

103
00:04:22.920 --> 00:04:25.320
So if you looked at the app, and I'm

104
00:04:25.320 --> 00:04:28.600
going to just kind of bring you guys into it here.

105
00:04:28.600 --> 00:04:31.640
Let's just jump to a page like Pioneers here.

106
00:04:31.640 --> 00:04:34.240
We have a feed that's scrolling here.

107
00:04:34.240 --> 00:04:37.080
And what we have is a way for people

108
00:04:37.080 --> 00:04:40.240
to just post and make a post and just post something in there.

109
00:04:40.240 --> 00:04:43.600
So all of this is going straight to Firebase.

110
00:04:43.600 --> 00:04:47.320
It does not show up anywhere inside of our back end.

111
00:04:47.360 --> 00:04:50.760
So we have a little dashboard here with content and things

112
00:04:50.760 --> 00:04:51.880
all listed out.

113
00:04:51.880 --> 00:04:54.600
And none of that content appears anywhere in that database.

114
00:04:54.600 --> 00:04:56.440
So it works.

115
00:04:56.440 --> 00:04:58.000
It's functional.

116
00:04:58.000 --> 00:05:01.400
But it's not a great solution long term.

117
00:05:00.000 --> 00:05:01.740
And because now we're wanting to like, OK,

118
00:05:01.740 --> 00:05:04.060
how do we list all those posts somewhere in here

119
00:05:04.060 --> 00:05:06.140
and let people moderate things?

120
00:05:06.140 --> 00:05:07.340
It's just kind of a mess.

121
00:05:07.340 --> 00:05:10.220
So that was one of the things that Lucian's been working on

122
00:05:10.220 --> 00:05:14.340
is basically moving all of our community posts

123
00:05:14.340 --> 00:05:18.780
and stuff to be using the new or the kind of core JavaScript

124
00:05:18.780 --> 00:05:22.940
API here and getting out of Firebase

125
00:05:22.940 --> 00:05:26.820
and basically moving totally out of Firebase for this feature.

126
00:05:26.820 --> 00:05:29.740
It's one of the most complicated parts of the app.

127
00:05:29.740 --> 00:05:31.980
And so we said two weeks.

128
00:05:31.980 --> 00:05:34.260
It's probably going to be more like three, maybe four.

129
00:05:34.260 --> 00:05:35.740
Who knows?

130
00:05:35.740 --> 00:05:38.580
We're doing some UI updates we pushed last week.

131
00:05:38.580 --> 00:05:40.780
So we made a couple of changes to the mobile version

132
00:05:40.780 --> 00:05:42.860
of the app.

133
00:05:42.860 --> 00:05:45.620
And then we have some multi-user account management stuff

134
00:05:45.620 --> 00:05:47.140
coming in November.

135
00:05:47.140 --> 00:05:50.380
And then we're working on these group integration.

136
00:06:29.740 --> 00:06:36.460
OK, I think I lost everybody.

137
00:06:36.460 --> 00:06:37.380
Is everybody back?

138
00:06:37.380 --> 00:06:40.900
Did I leave or freeze?

139
00:06:40.900 --> 00:06:42.860
Yes, we're good.

140
00:06:42.860 --> 00:06:44.060
Yeah, thank you, Macy.

141
00:06:44.060 --> 00:06:45.300
Great, I didn't see you guys.

142
00:06:45.300 --> 00:06:46.740
I just can't hear you.

143
00:06:46.740 --> 00:06:49.660
OK, I think that's probably my internet.

144
00:06:49.660 --> 00:06:54.540
I would say we basically have like this very messy Figma

145
00:06:54.540 --> 00:06:56.420
board, FrigJam board.

146
00:06:56.420 --> 00:07:00.020
And so as we're coming up with a little piece of this,

147
00:07:00.020 --> 00:07:02.940
we're kind of throwing out a quick little framing,

148
00:07:02.940 --> 00:07:05.780
like really quick shaping, crossing stuff out.

149
00:07:05.780 --> 00:07:09.540
You can kind of see our work as you work our way down.

150
00:07:09.540 --> 00:07:13.740
And a lot of the time, we had ideas for things that were

151
00:07:13.740 --> 00:07:17.260
like, hey, we should definitely have a way for people

152
00:07:17.260 --> 00:07:21.020
to have a new home page, for example, where you can add

153
00:07:21.020 --> 00:07:23.580
and remove your content.

154
00:07:23.580 --> 00:07:25.620
And so we had an app that we're looking at.

155
00:07:25.620 --> 00:07:27.060
I'll bring it over here.

156
00:07:27.060 --> 00:07:29.660
That's like this, where we maybe wanted

157
00:07:29.660 --> 00:07:33.940
to have a different kind of a layout than just a feed.

158
00:07:33.940 --> 00:07:37.980
And so we mocked that up in a design over here.

159
00:07:37.980 --> 00:07:40.140
And we started to think through, what

160
00:07:40.140 --> 00:07:42.260
would this layout look like?

161
00:07:42.260 --> 00:07:44.420
And because of that, we said, hey, let's

162
00:07:44.420 --> 00:07:47.260
make a new home page builder where customers

163
00:07:47.260 --> 00:07:50.900
can drag and drop rows in here and put different content

164
00:07:50.900 --> 00:07:53.020
together and kind of make it their own,

165
00:07:53.020 --> 00:07:54.860
almost like a little web page builder.

166
00:07:54.860 --> 00:07:56.460
So we went down this whole avenue of,

167
00:07:56.460 --> 00:07:58.300
what would this home page builder look like?

168
00:07:58.300 --> 00:07:59.540
And where would we manage it?

169
00:07:59.540 --> 00:08:02.620
We came up with a whole version one, crossed it out,

170
00:08:02.620 --> 00:08:04.740
came up with a version two, which is a lot cleaner.

171
00:08:04.740 --> 00:08:07.500
And you can kind of just see there's a lot less squares

172
00:08:07.500 --> 00:08:09.620
over here than maybe over here.

173
00:08:09.620 --> 00:08:12.020
So generally, this ended up being a little bit more

174
00:08:12.020 --> 00:08:12.620
elegant.

175
00:08:12.620 --> 00:08:15.380
And we like this idea of being able to edit it

176
00:08:15.380 --> 00:08:19.300
in the front-end app itself and then make some changes.

177
00:08:19.300 --> 00:08:21.100
But then as we got into it, we realized

178
00:08:21.100 --> 00:08:23.220
we're actually going to create this new thing called

179
00:08:23.220 --> 00:08:24.860
group integrations, where we can just

180
00:08:24.860 --> 00:08:27.180
do it a totally custom tab.

181
00:08:27.180 --> 00:08:28.980
And all of our groups are built like this,

182
00:08:28.980 --> 00:08:31.740
where you have a tab for community, tab for courses,

183
00:08:31.740 --> 00:08:33.100
tab for replays.

184
00:08:33.100 --> 00:08:35.100
And then we kept adding tabs.

185
00:08:35.100 --> 00:08:37.179
If you go in here to a group and you

186
00:08:37.179 --> 00:08:38.980
click into a group like this, you

187
00:08:38.980 --> 00:08:41.780
could just turn these different tabs on and off.

188
00:08:41.780 --> 00:08:48.220
And so with that, we started to think,

189
00:08:48.220 --> 00:08:50.260
well, what if we made a way to make custom tabs?

190
00:08:50.260 --> 00:08:52.660
And we came up with this thing called group integrations.

191
00:08:52.660 --> 00:08:54.700
And we said, hey, again, we framed it

192
00:08:54.700 --> 00:08:56.500
as a specific project.

193
00:08:56.500 --> 00:08:59.140
Right now, we can't build custom features for clients

194
00:08:59.140 --> 00:08:59.660
very easily.

195
00:08:59.660 --> 00:09:04.100
We have to think through one core feature that

196
00:09:04.100 --> 00:09:05.980
can apply to all customers.

197
00:09:05.980 --> 00:09:09.140
And so then we thought through, OK, ideally, we'd

198
00:09:09.140 --> 00:09:11.980
love to leverage, already have third-party features.

199
00:09:11.980 --> 00:09:14.860
If we wanted to integrate ad event,

200
00:09:14.860 --> 00:09:19.460
instead of having a events, we had an events tab here.

201
00:09:19.460 --> 00:09:22.300
And you could put the ad event URL in there.

202
00:09:22.300 --> 00:09:23.460
And that was the only thing.

203
00:09:23.460 --> 00:09:25.740
Anyone could turn it on or off.

204
00:09:25.740 --> 00:09:27.460
What we thought we would do is something

205
00:09:27.460 --> 00:09:31.540
a little bit more dynamic, almost like an app integration

206
00:09:31.540 --> 00:09:32.060
library.

207
00:09:32.060 --> 00:09:33.180
You've seen a lot of these.

208
00:09:33.180 --> 00:09:35.460
We could have technically hundreds of apps.

209
00:09:35.460 --> 00:09:37.340
So ad event would have its own little app

210
00:09:37.340 --> 00:09:38.380
or a little integration.

211
00:09:38.380 --> 00:09:39.340
You could enable it.

212
00:09:39.340 --> 00:09:42.260
And then it could have a specific set of URLs

213
00:09:42.260 --> 00:09:44.180
or parameters that you could add to it.

214
00:09:44.180 --> 00:09:48.980
And so that was the frame of this was like, hey, leverage.

215
00:09:48.980 --> 00:09:50.580
We don't have to keep rebuilding this.

216
00:09:50.580 --> 00:09:53.740
We can find ways to integrate more deeply on specific tabs.

217
00:09:53.740 --> 00:09:55.220
And then one of the outcomes we said

218
00:09:55.220 --> 00:09:57.140
is we'd create a set of AI instruction

219
00:09:57.140 --> 00:10:00.100
so that when we want to create a new integration,

220
00:10:00.000 --> 00:10:04.320
we can just fire this instruction up.

221
00:10:04.320 --> 00:10:06.000
And I'll put it in the right directory

222
00:10:06.000 --> 00:10:08.320
and map things out in the code the way it should be.

223
00:10:08.320 --> 00:10:10.480
And we do this currently for reports.

224
00:10:10.480 --> 00:10:13.920
So if you are, I need to get into a real account here.

225
00:10:13.920 --> 00:10:19.680
But if you jump into an admin account,

226
00:10:19.680 --> 00:10:20.840
we have this Reports tab.

227
00:10:20.840 --> 00:10:23.880
And so Reports is something where, as clients are like,

228
00:10:23.880 --> 00:10:29.240
oh, cool, I really want to see x data on this type of table

229
00:10:29.600 --> 00:10:32.920
or whatever, we just had a way where we could basically

230
00:10:32.920 --> 00:10:34.480
create these in about 15 minutes.

231
00:10:34.480 --> 00:10:36.560
And so we can say, hey, I want a new thing,

232
00:10:36.560 --> 00:10:40.080
make a bunch of API calls, set it up in a URL.

233
00:10:40.080 --> 00:10:43.320
I want a filter that filters by group, for example.

234
00:10:43.320 --> 00:10:44.520
I'm going to filter by group.

235
00:10:44.520 --> 00:10:46.440
Then I want to look at the course.

236
00:10:46.440 --> 00:10:49.160
And then I want to see everybody's progress

237
00:10:49.160 --> 00:10:50.000
for that course.

238
00:10:50.000 --> 00:10:51.840
And I want to be able to export to a CSV.

239
00:10:51.840 --> 00:10:56.080
So all the reports have kind of the similar look and layout.

240
00:10:56.120 --> 00:11:00.200
But we can spin them up in 15, 20 minutes.

241
00:11:00.200 --> 00:11:06.960
It's just kind of a more laid-back process.

242
00:11:06.960 --> 00:11:27.760
I think we're back.

243
00:11:27.760 --> 00:11:29.720
Yes, fun.

244
00:11:29.720 --> 00:11:33.320
I'm actually going to just move over to my hotspot on my phone.

245
00:11:33.320 --> 00:11:35.680
I don't know what's going on with the internet.

246
00:11:35.680 --> 00:11:36.560
We're in the country.

247
00:11:36.560 --> 00:11:39.320
It's not that far of a country.

248
00:11:39.320 --> 00:11:41.840
So anyway, just repetitive.

249
00:11:41.840 --> 00:11:44.400
We're going to take the same type of report.

250
00:11:44.400 --> 00:11:46.800
And we're going to spit it out a bunch of different ways.

251
00:11:46.800 --> 00:11:51.280
We created a little AI project requirements.

252
00:11:51.280 --> 00:11:53.800
And so we can quickly spin up new ones.

253
00:11:53.800 --> 00:11:54.800
So this would be great.

254
00:11:54.800 --> 00:11:56.760
You could essentially say, hey, we

255
00:11:56.760 --> 00:11:58.680
could use Cloud or whatever LLM.

256
00:11:58.680 --> 00:12:01.800
And you could basically pass these instructions

257
00:12:01.800 --> 00:12:04.120
to whatever your preferred LLM is.

258
00:12:04.120 --> 00:12:05.760
I'm using Cloud Code.

259
00:12:05.800 --> 00:12:07.680
And I can say, hey, make me a new integration

260
00:12:07.680 --> 00:12:11.120
and use these instructions to set it up in the right way.

261
00:12:11.120 --> 00:12:13.600
And so it just helps get us a head start.

262
00:12:13.600 --> 00:12:15.760
Basically, I wanted to be able to create a new group

263
00:12:15.760 --> 00:12:17.480
app in an afternoon.

264
00:12:17.480 --> 00:12:19.440
And that way, we can spin these up super quick.

265
00:12:19.440 --> 00:12:23.280
So went down this path, very simple.

266
00:12:23.280 --> 00:12:25.000
We just have these tabs you can turn off.

267
00:12:25.000 --> 00:12:27.920
And in the future, we'll have a way to enable.

268
00:12:27.920 --> 00:12:31.200
We call them group app or group integration in here.

269
00:12:31.200 --> 00:12:33.160
So you kind of see how it's working.

270
00:12:33.160 --> 00:12:34.960
And then we start to map up the database.

271
00:12:34.960 --> 00:12:36.640
So we have a groups table.

272
00:12:36.640 --> 00:12:38.280
And generally, we take shortcuts.

273
00:12:38.280 --> 00:12:39.480
So I don't need to map.

274
00:12:39.480 --> 00:12:42.760
There's probably like 50 or 20, 30 fields in here.

275
00:12:42.760 --> 00:12:46.200
I'll just notate it with a little dot, dot, dot.

276
00:12:46.200 --> 00:12:49.040
And then we said, hey, there's a new group integrations table.

277
00:12:49.040 --> 00:12:50.760
And we have this all kind of mapped out.

278
00:12:50.760 --> 00:12:52.080
And then the integrations are going to link.

279
00:12:52.080 --> 00:12:53.920
And here's how this ID connects to that.

280
00:12:53.920 --> 00:12:56.000
And this ID is going to connect to group ID.

281
00:12:56.000 --> 00:12:58.240
And then we kind of put specific things.

282
00:12:58.240 --> 00:13:00.760
Like we may have an integration called Surprise Me, which

283
00:13:00.760 --> 00:13:03.720
is like a spin the wheel type integration, which

284
00:13:03.720 --> 00:13:05.280
has a description.

285
00:13:05.280 --> 00:13:07.880
Maybe there's an API key field or some other things.

286
00:13:07.880 --> 00:13:10.080
And then we thought we had like a little JSON config.

287
00:13:10.080 --> 00:13:12.640
So we kind of already, this is very in progress.

288
00:13:12.640 --> 00:13:15.800
This is maybe 20%, 30% shaped.

289
00:13:15.800 --> 00:13:18.800
But I just wanted to show you our progress, or process

290
00:13:18.800 --> 00:13:20.280
rather, and how we do this.

291
00:13:20.280 --> 00:13:23.000
And we've kind of talked about breadboarding.

292
00:13:23.000 --> 00:13:26.040
But we notate things with like orange

293
00:13:26.040 --> 00:13:27.800
is like a component or a place.

294
00:13:27.800 --> 00:13:29.520
You know, white is just a thing.

295
00:13:29.520 --> 00:13:30.640
You can use it for anything.

296
00:13:30.640 --> 00:13:32.520
It could be a column in a table.

297
00:13:32.520 --> 00:13:34.000
It could be just a note here.

298
00:13:34.000 --> 00:13:36.840
It could be a button on a page.

299
00:13:36.840 --> 00:13:38.440
Logic is always defined there.

300
00:13:38.440 --> 00:13:40.600
Purple, so you'll see things like this,

301
00:13:40.600 --> 00:13:44.400
where like, hey, if group categories, then do this.

302
00:13:44.400 --> 00:13:46.800
If not group categories, do this other thing.

303
00:13:46.800 --> 00:13:48.160
Quickly see that.

304
00:13:48.160 --> 00:13:51.880
And then we use the dark gray for like data structure.

305
00:13:51.880 --> 00:13:55.200
So that's kind of the process we use.

306
00:13:55.200 --> 00:13:57.240
And you can see, we're just putting it all here.

307
00:13:57.240 --> 00:13:58.960
It's not pretty.

308
00:13:58.960 --> 00:14:00.160
And we're taking the time.

309
00:14:01.160 --> 00:14:04.520
These two pages, I think, were probably

310
00:14:04.520 --> 00:14:07.200
the result of a two-hour session, roughly.

311
00:14:07.200 --> 00:14:10.440
And honestly, we're probably not doing any of it.

312
00:14:10.440 --> 00:14:14.400
But we took the time to map it out and really think closely.

313
00:14:14.400 --> 00:14:16.560
And once we made that little progress,

314
00:14:16.560 --> 00:14:18.760
it's very, very much like we're kind of over here.

315
00:14:18.760 --> 00:14:21.000
And we're like, oh, we definitely need to go over here.

316
00:14:21.000 --> 00:14:21.960
And we draw a little circle.

317
00:14:21.960 --> 00:14:23.720
And then once we're over there, we actually

318
00:14:23.720 --> 00:14:26.600
realize, no, the real thing is right here.

319
00:14:26.600 --> 00:14:29.120
But we couldn't have gotten to this spot

320
00:14:29.200 --> 00:14:32.000
unless we had sort of taken these different baby steps.

321
00:14:32.000 --> 00:14:34.840
And so this is still a really good idea.

322
00:14:34.840 --> 00:14:37.160
It is a decent project.

323
00:14:37.160 --> 00:14:38.640
We could go and do it.

324
00:14:38.640 --> 00:14:40.280
But we think there's maybe a better way.

325
00:14:40.280 --> 00:14:43.480
So we're kind of on version two or three of the process

326
00:14:43.480 --> 00:14:45.680
without having to jump in and code together.

327
00:14:45.680 --> 00:14:49.880
So you can kind of see, these are the results of paying

328
00:14:49.880 --> 00:14:53.560
dearly for technical debt over the years for Tribe.

329
00:14:53.560 --> 00:14:55.200
We're being very intentional with how

330
00:14:55.200 --> 00:14:59.080
we threw the product itself before we just go into the code.

331
00:14:59.080 --> 00:15:01.320
And so that's kind of affected.

332
00:15:00.000 --> 00:15:01.960
how we do all apps moving forward,

333
00:15:01.960 --> 00:15:06.360
how we build our team structure, and our process.

334
00:15:06.360 --> 00:15:10.440
So I think that we may end it there.

335
00:15:10.440 --> 00:15:12.200
If anyone has anything, you guys wave at me

336
00:15:12.200 --> 00:15:16.240
if you want to add anything to this monster map.

337
00:15:16.240 --> 00:15:19.920
And so we call this a monster project.

338
00:15:19.920 --> 00:15:23.880
We will then take each of these projects.

339
00:15:23.880 --> 00:15:28.920
Each one of these will become its own Notion project.

340
00:15:28.920 --> 00:15:33.360
So this actually may link down into its own Notion project.

341
00:15:33.360 --> 00:15:36.600
And it may have its own FigJam board as well

342
00:15:36.600 --> 00:15:38.840
when we get specific about specific things.

343
00:15:38.840 --> 00:15:41.080
But little diagrams like this are very helpful.

344
00:15:41.080 --> 00:15:44.080
As a team, we're just trying to get on this page.

345
00:15:44.080 --> 00:15:44.960
I love Notion.

346
00:15:44.960 --> 00:15:49.400
I love all the tasks in here.

347
00:15:49.400 --> 00:15:53.520
But what helps is to get kind of zoom out a little bit.

348
00:15:53.520 --> 00:15:55.960
And we've had to learn how to speak to client

349
00:15:55.960 --> 00:15:57.080
and simplify things.

350
00:15:57.080 --> 00:15:59.200
And yes, it's helpful for clients.

351
00:15:59.200 --> 00:16:00.560
But it's also helpful for a human

352
00:16:00.560 --> 00:16:02.080
that is working on a project.

353
00:16:02.080 --> 00:16:04.120
Because if it's simple, we can all look at it and be like,

354
00:16:04.120 --> 00:16:05.560
cool, this makes sense.

355
00:16:05.560 --> 00:16:06.760
We've got this going on here.

356
00:16:06.760 --> 00:16:08.120
This is happening here.

357
00:16:08.120 --> 00:16:10.560
And we can have big conversations where, hey,

358
00:16:10.560 --> 00:16:13.440
if this is not as important, maybe it goes over here

359
00:16:13.440 --> 00:16:14.920
and put this thing over here.

360
00:16:14.920 --> 00:16:17.840
It's very quick to restructure things

361
00:16:17.840 --> 00:16:21.200
and come into agreement of where the expectations are.

362
00:16:21.200 --> 00:16:23.880
And too much of these big overall projects

363
00:16:23.920 --> 00:16:26.560
are just one massive checklist of things.

364
00:16:26.560 --> 00:16:28.240
And you just never feel like you're done.

365
00:16:28.240 --> 00:16:29.720
And we could spend four months working on it.

366
00:16:29.720 --> 00:16:31.960
We don't really know where we are in the process.

367
00:16:31.960 --> 00:16:34.960
So these are each shippable pieces.

368
00:16:34.960 --> 00:16:36.480
When we're done in October, we're

369
00:16:36.480 --> 00:16:39.000
putting these updates live.

370
00:16:39.000 --> 00:16:41.760
Our goal would be to push this live so people can

371
00:16:41.760 --> 00:16:43.800
start using it in this format.

372
00:16:43.800 --> 00:16:45.460
And then we kind of go to the next thing

373
00:16:45.460 --> 00:16:46.960
and ship that and go to the next thing and ship.

374
00:16:46.960 --> 00:16:49.680
And so by the time we look over the course of four months,

375
00:16:49.680 --> 00:16:52.280
we've made a tremendous amount of progress.

376
00:16:52.280 --> 00:16:55.080
But that helps give us sort of by taking it off

377
00:16:55.080 --> 00:16:56.400
in small pieces.

378
00:16:56.400 --> 00:17:01.600
So I was jumping here to like, so this account management

379
00:17:01.600 --> 00:17:06.079
piece would have its own very long things.

380
00:17:06.079 --> 00:17:08.079
We had kind of like the current thing mapped out.

381
00:17:08.079 --> 00:17:11.240
Then we went to like, I don't know, V1.

382
00:17:11.240 --> 00:17:14.960
There's option A. Then B. I think there's a C somewhere.

383
00:17:14.960 --> 00:17:17.200
There was like a D somewhere.

384
00:17:17.200 --> 00:17:21.640
And then we finally landed on E as the final option.

385
00:17:21.640 --> 00:17:24.839
And you can see kind of the thought process

386
00:17:24.839 --> 00:17:27.119
of how deeply we thought this.

387
00:17:27.119 --> 00:17:29.240
And we have not started coding this yet.

388
00:17:29.240 --> 00:17:32.320
In fact, we have not even confirmed the project fully

389
00:17:32.320 --> 00:17:32.960
with the client.

390
00:17:32.960 --> 00:17:36.720
This one, this one's a sponsored feature.

391
00:17:36.720 --> 00:17:38.320
But we had to get into it deep enough

392
00:17:38.320 --> 00:17:41.240
to figure out where everything was going to go.

393
00:17:41.240 --> 00:17:43.560
Now when we say, I think there's a two-week project

394
00:17:43.560 --> 00:17:46.640
or a three-week project, we're very confident on that

395
00:17:46.640 --> 00:17:49.200
because there's not a lot of unknowns.

396
00:17:49.200 --> 00:17:52.720
We've kind of thought we made a lot of decisions ahead of time.

397
00:17:52.720 --> 00:17:55.040
Even down to like, very loosely, we're

398
00:17:55.040 --> 00:17:57.360
just going to have like, reuse these screens

399
00:17:57.360 --> 00:17:58.240
for certain pieces.

400
00:17:58.240 --> 00:18:00.840
Or we're going to, I think we had something here.

401
00:18:00.840 --> 00:18:02.480
We're just going to like, add a button.

402
00:18:02.480 --> 00:18:05.760
So you can see it's very, very ugly as far as how

403
00:18:05.760 --> 00:18:08.720
we dropped things in here.

404
00:18:08.720 --> 00:18:11.080
And just kind of hacked screenshots together

405
00:18:11.080 --> 00:18:13.280
because it was helpful just to show, generally,

406
00:18:13.280 --> 00:18:14.620
get on the same page about that.

407
00:18:14.620 --> 00:18:18.280
So that's our little process.

408
00:18:18.320 --> 00:18:19.560
I just wanted to show that.

409
00:18:19.560 --> 00:18:21.600
We'll probably take some time to chat as it ends.

410
00:18:21.600 --> 00:18:23.240
Sorry for the internet glitches.

411
00:18:23.240 --> 00:18:25.320
We'll have to figure out what's going on with that.

412
00:18:25.320 --> 00:18:28.480
But that's our process, and we'll