WEBVTT

1
00:00:00.000 --> 00:00:05.000
and two sites called Liquid and Goodforces,

2
00:00:06.640 --> 00:00:10.000
as well as a site called Binary Search.

3
00:00:10.000 --> 00:00:14.560
So yeah, and after that I moved to web industry.

4
00:00:14.560 --> 00:00:19.120
I learned React and used it with TypeScript

5
00:00:19.120 --> 00:00:21.120
and Rescript and JavaScript.

6
00:00:21.120 --> 00:00:25.640
And then I moved to backend, used NestJS.

7
00:00:25.640 --> 00:00:28.560
And currently I'm learning Ruby on Rails.

8
00:00:29.520 --> 00:00:32.119
I like to contribute to on-premise projects,

9
00:00:32.119 --> 00:00:33.520
as you can see on my GitHub.

10
00:00:35.640 --> 00:00:38.500
Yeah, it's like, that's about me briefly.

11
00:00:39.920 --> 00:00:41.720
Gotcha, and you've been working

12
00:00:41.720 --> 00:00:44.880
as a freelancer, as you said, for nine months here?

13
00:00:44.880 --> 00:00:45.840
Yeah.

14
00:00:45.840 --> 00:00:47.520
Okay.

15
00:00:47.520 --> 00:00:49.560
What kind of projects are you working on?

16
00:00:51.360 --> 00:00:55.400
It's like a website used for exchanging

17
00:00:55.400 --> 00:01:00.280
or sending, like, how can I explain?

18
00:01:00.280 --> 00:01:03.160
Like, sending bills or sharing bills,

19
00:01:03.160 --> 00:01:08.160
or like, one second, let me translate, please.

20
00:01:11.000 --> 00:01:15.600
Yeah, it's like for sharing invoices with other people.

21
00:01:16.720 --> 00:01:19.200
Okay, cool, yeah.

22
00:01:22.360 --> 00:01:24.440
And how are you getting that work?

23
00:01:24.480 --> 00:01:26.320
Is it just finding it online, or?

24
00:01:27.840 --> 00:01:30.720
Yeah, yeah, it's a website called that work.

25
00:01:30.720 --> 00:01:31.560
Okay.

26
00:01:33.200 --> 00:01:34.040
Cool.

27
00:01:35.960 --> 00:01:36.960
And you've been said to have been working

28
00:01:36.960 --> 00:01:39.200
for a small company for two months, I think?

29
00:01:40.320 --> 00:01:41.600
Yeah.

30
00:01:41.600 --> 00:01:44.200
And what, is that the company you're talking about?

31
00:01:45.720 --> 00:01:50.720
Well, it's a company, it's like a private client for me.

32
00:01:51.720 --> 00:01:56.400
For me, like, as they are giving me some part-time work,

33
00:01:56.400 --> 00:02:00.640
like sending me some tasks to react, improving site,

34
00:02:00.640 --> 00:02:03.920
and improving performance, improving layout, and so on.

35
00:02:04.800 --> 00:02:06.240
Okay, cool.

36
00:02:08.960 --> 00:02:13.960
Great, and all right, so let's talk

37
00:02:16.600 --> 00:02:20.360
about this community platform you made.

38
00:02:21.000 --> 00:02:22.560
I have a lot of questions.

39
00:02:22.560 --> 00:02:23.600
Yeah, awesome.

40
00:02:23.600 --> 00:02:26.960
Cool, so this is just something you built for fun,

41
00:02:26.960 --> 00:02:28.240
or is it as a project?

42
00:02:28.240 --> 00:02:30.160
What was sort of the reason behind it?

43
00:02:31.040 --> 00:02:33.200
Yeah, I built it to practice with my friends.

44
00:02:33.200 --> 00:02:35.200
I was on the front-end side,

45
00:02:35.200 --> 00:02:39.600
and the other guy was on the back-end.

46
00:02:39.600 --> 00:02:40.440
Okay.

47
00:02:40.440 --> 00:02:42.000
He's Hassan, and he's owner of Zarebo.

48
00:02:43.520 --> 00:02:48.280
Okay, so you did the front-end coding, that's great.

49
00:02:48.280 --> 00:02:49.680
Yeah.

50
00:02:49.720 --> 00:02:52.400
And how, like, if you had to work on the back-end,

51
00:02:52.400 --> 00:02:55.040
how comfortable do you feel working on that back-end?

52
00:02:57.200 --> 00:03:00.040
Well, actually, I have developed a private site

53
00:03:00.040 --> 00:03:03.240
for during my internship.

54
00:03:03.240 --> 00:03:07.840
I used NestJS, and like, I did the whole site on my own,

55
00:03:07.840 --> 00:03:11.440
so I think I'm very comfortable using back-end.

56
00:03:11.440 --> 00:03:13.480
Okay, so if you had to create new API routes,

57
00:03:13.480 --> 00:03:17.320
or new columns and databases.

58
00:03:17.320 --> 00:03:21.160
Yeah, I created APIs and storing data in database.

59
00:03:21.160 --> 00:03:24.120
I actually used Postgres for this case,

60
00:03:24.120 --> 00:03:29.120
and I remember that I have used GraphQL in some project.

61
00:03:33.040 --> 00:03:38.040
I also, like, stored the files in AWS S3,

62
00:03:40.600 --> 00:03:43.320
and giving them back to the client side.

63
00:03:43.320 --> 00:03:44.160
Okay.

64
00:03:45.040 --> 00:03:50.040
Great, have you done, as you've worked with S3,

65
00:03:50.280 --> 00:03:54.520
have you worked with any kind of Web3 technology?

66
00:03:55.760 --> 00:03:58.960
So, like, anything with blockchain, anything like that?

67
00:03:58.960 --> 00:04:01.960
Well, I think this topic is very interesting,

68
00:04:01.960 --> 00:04:06.320
and I'm eager to learn it in the next few weeks.

69
00:04:06.320 --> 00:04:07.160
Okay.

70
00:04:07.160 --> 00:04:08.160
I'm actually planning to.

71
00:04:09.320 --> 00:04:13.000
Yeah, because there's lots,

72
00:04:13.280 --> 00:04:17.279
so many ways to use blockchain now,

73
00:04:19.000 --> 00:04:21.240
but that is, I was just curious

74
00:04:21.240 --> 00:04:23.560
if you had touched any of that.

75
00:04:23.560 --> 00:04:28.200
So, looking at the site here, I think it's great,

76
00:04:29.360 --> 00:04:31.680
and you guys just did this project

77
00:04:31.680 --> 00:04:34.880
as, like, an open-source platform?

78
00:04:34.880 --> 00:04:35.720
Like, it's-

79
00:04:35.720 --> 00:04:37.120
Yeah.

80
00:04:37.120 --> 00:04:39.960
Cool, so let's talk through, like, how did you,

81
00:04:39.960 --> 00:04:41.680
like, so you said you did the front-end.

82
00:04:41.720 --> 00:04:43.200
Talk through, like, some of the tech stack

83
00:04:43.200 --> 00:04:44.560
you used for the front-end.

84
00:04:46.600 --> 00:04:48.040
Like, what type of tricks?

85
00:04:49.840 --> 00:04:51.480
I'm like, just talk me through, like,

86
00:04:51.480 --> 00:04:53.920
what frameworks, platform, like,

87
00:04:55.160 --> 00:04:56.280
just what was your approach?

88
00:04:56.280 --> 00:04:58.520
So, you had one person working on the back-end,

89
00:04:58.520 --> 00:05:00.040
and then, you know, you-

90
00:05:00.000 --> 00:05:01.800
You told him, hey, I'll build the front end.

91
00:05:01.800 --> 00:05:06.280
Like, how did you, what was your process like with the design,

92
00:05:06.280 --> 00:05:09.040
the layout, the frameworks, the front end, anything?

93
00:05:10.120 --> 00:05:17.040
Yeah, for the front end, I used React and I used a UI library called Material UI.

94
00:05:20.400 --> 00:05:22.920
For routing, I used the React router.

95
00:05:23.040 --> 00:05:27.760
For state management, I used Redux, but nowadays I prefer to use Recoil.

96
00:05:28.200 --> 00:05:34.120
It's much more convenient and much more than the way it was this.

97
00:05:36.160 --> 00:05:37.440
So you said you're not using Redux.

98
00:05:37.600 --> 00:05:39.200
What did you say you're using instead?

99
00:05:40.400 --> 00:05:41.440
Recoil nowadays.

100
00:05:42.000 --> 00:05:42.520
Recoil.

101
00:05:43.520 --> 00:05:46.480
Yeah, it's built with Facebook team too.

102
00:05:48.480 --> 00:05:50.880
If you are interested in learning it.

103
00:05:54.640 --> 00:05:55.560
Oh, Recoil.

104
00:05:55.600 --> 00:05:56.160
Okay, cool.

105
00:05:56.200 --> 00:05:57.600
I have not played with that.

106
00:05:58.480 --> 00:06:03.280
Yeah, it's much easier than Redux and it's more performant, as I remember.

107
00:06:05.040 --> 00:06:05.320
Yeah.

108
00:06:05.960 --> 00:06:06.520
What else?

109
00:06:06.800 --> 00:06:09.400
Yeah, and for the animation, I used the Lottie animation.

110
00:06:11.360 --> 00:06:12.040
What animation?

111
00:06:13.080 --> 00:06:13.600
Yeah.

112
00:06:14.600 --> 00:06:15.720
If you want to select two.

113
00:06:30.640 --> 00:06:41.440
And for data fetching, I used, I don't remember, actually, it was like nine months ago.

114
00:06:43.640 --> 00:06:44.320
One second.

115
00:06:45.040 --> 00:06:45.640
No problem.

116
00:06:59.960 --> 00:07:00.440
Okay.

117
00:07:00.480 --> 00:07:02.480
Let's walk through the code together.

118
00:07:04.760 --> 00:07:04.960
Okay.

119
00:07:04.960 --> 00:07:05.160
Yeah.

120
00:07:05.160 --> 00:07:07.000
If you want to share your screen or anything, that's fine.

121
00:07:07.960 --> 00:07:08.400
Yes.

122
00:07:08.480 --> 00:07:08.880
Okay.

123
00:07:08.880 --> 00:07:09.880
One second.

124
00:07:22.880 --> 00:07:23.160
Okay.

125
00:07:23.320 --> 00:07:24.000
I can see your screen.

126
00:07:38.880 --> 00:07:54.800
I think you're muted.

127
00:07:54.800 --> 00:07:55.400
I don't know if.

128
00:08:05.240 --> 00:08:05.920
Did I lose you?

129
00:08:07.320 --> 00:08:08.000
Can you hear me now?

130
00:08:08.080 --> 00:08:08.480
There you go.

131
00:08:08.520 --> 00:08:08.760
Yep.

132
00:08:08.760 --> 00:08:09.400
You were muted.

133
00:08:10.760 --> 00:08:12.800
Oh, one second again.

134
00:08:14.280 --> 00:08:14.640
There you go.

135
00:08:14.680 --> 00:08:14.920
Yep.

136
00:08:15.120 --> 00:08:15.880
I can see your screen.

137
00:08:16.760 --> 00:08:17.840
Oh, it's muted now.

138
00:08:23.400 --> 00:08:23.920
There you go.

139
00:08:24.920 --> 00:08:27.240
Now you're unmuted and I can see your screen.

140
00:08:28.520 --> 00:08:29.320
Oh, can you hear me now?

141
00:08:29.600 --> 00:08:29.880
Yeah.

142
00:08:31.360 --> 00:08:36.640
Oh, can you share, like, can you share your screen and I will walk with you through the code?

143
00:08:37.039 --> 00:08:37.400
Okay.

144
00:08:38.760 --> 00:08:39.080
Okay.

145
00:08:43.080 --> 00:08:44.080
Uh, let's see.

146
00:08:44.080 --> 00:08:50.120
It was, I think you had a link here.

147
00:08:50.440 --> 00:08:50.720
Yep.

148
00:08:52.720 --> 00:08:53.000
Okay.

149
00:08:55.360 --> 00:08:56.480
Here I can, uh.

150
00:08:58.360 --> 00:08:58.760
Okay.

151
00:08:58.880 --> 00:09:00.520
If you click the one front end.

152
00:09:01.600 --> 00:09:01.760
Yeah.

153
00:09:01.760 --> 00:09:03.120
You should be able to control it.

154
00:09:05.400 --> 00:09:06.520
Oh, I can control it.

155
00:09:09.120 --> 00:09:09.600
Uh, yeah, yeah.

156
00:09:09.600 --> 00:09:10.600
Click on the front end.

157
00:09:12.360 --> 00:09:13.160
Uh, no, no, no.

158
00:09:13.240 --> 00:09:13.760
Go back.

159
00:09:14.360 --> 00:09:15.360
Oh, I'm letting you do it.

160
00:09:16.720 --> 00:09:17.800
How can I do it?

161
00:09:18.440 --> 00:09:19.800
Uh, you're clicking on it now.

162
00:09:20.560 --> 00:09:21.280
Oh, okay.

163
00:09:21.640 --> 00:09:26.160
So, uh, okay.

164
00:09:27.440 --> 00:09:32.440
Uh, we use double look client for, uh, data fetching.

165
00:09:32.560 --> 00:09:35.440
Uh, as I said, we use the GraphQL on the backend.

166
00:09:35.440 --> 00:09:37.200
So we use double look client.

167
00:09:37.920 --> 00:09:43.520
Uh, for animation, like instead of Axios, you used Apollo.

168
00:09:44.600 --> 00:09:45.240
Yeah.

169
00:09:46.120 --> 00:09:47.160
It's much better.

170
00:09:47.160 --> 00:09:51.560
And, uh, like for, sorry, why did you go with that?

171
00:09:51.560 --> 00:09:52.280
Every Axios.

172
00:09:53.960 --> 00:09:57.960
Well, uh, somebody, uh, recommended it for me.

173
00:09:58.360 --> 00:10:00.000
Uh, I didn't know any.

174
00:10:00.000 --> 00:10:01.160
alternative at this time.

175
00:10:01.160 --> 00:10:07.800
So I went through it, like, do you have any other recommendation?

176
00:10:08.440 --> 00:10:12.120
No, I'm just curious why, uh, like what, what did you like about it?

177
00:10:13.960 --> 00:10:19.640
Uh, well, it was similar and it was like giving you a lot of, uh, functionality

178
00:10:20.040 --> 00:10:22.640
like using subscription and mutation.

179
00:10:23.640 --> 00:10:23.820
Yeah.

180
00:10:23.820 --> 00:10:26.120
So it was handling a lot of complexity for you.

181
00:10:26.720 --> 00:10:27.000
Okay.

182
00:10:28.000 --> 00:10:35.280
Uh, we used, uh, you sound for like getting sound when you click on, uh,

183
00:10:36.240 --> 00:10:39.280
when you, uh, send a message or when you get a notification.

184
00:10:40.200 --> 00:10:40.560
Okay.

185
00:10:40.760 --> 00:10:41.240
Uh,

186
00:10:46.080 --> 00:10:53.560
here, yeah, this animation we used with, uh, we'll look like, uh, okay.

187
00:10:53.720 --> 00:10:53.720


188
00:10:55.720 --> 00:11:00.760
Uh, we used a library for this, uh, emoji is called emoji.

189
00:11:00.760 --> 00:11:03.040
One click and you, and you send.

190
00:11:05.080 --> 00:11:07.240
So use that date functions.

191
00:11:07.480 --> 00:11:07.680
Yeah.

192
00:11:07.680 --> 00:11:07.960
Okay.

193
00:11:08.640 --> 00:11:10.560
You use like moment JS or something?

194
00:11:11.840 --> 00:11:12.280
No, no, no.

195
00:11:12.280 --> 00:11:14.520
It's called the, uh, yeah.

196
00:11:14.560 --> 00:11:15.240
Where is that?

197
00:11:15.240 --> 00:11:15.560
I'm sorry.

198
00:11:15.560 --> 00:11:16.160
Right here.

199
00:11:16.440 --> 00:11:19.120
Uh, this one right there.

200
00:11:20.000 --> 00:11:20.240
Yep.

201
00:11:20.680 --> 00:11:21.920
It's called the date functions.

202
00:11:22.920 --> 00:11:23.520
Okay.

203
00:11:24.560 --> 00:11:25.440
Oh, line 14.

204
00:11:25.520 --> 00:11:25.840
Yeah.

205
00:11:26.440 --> 00:11:26.720
Yeah.

206
00:11:27.080 --> 00:11:27.400
Okay.

207
00:11:28.880 --> 00:11:31.240
Uh, let's go back to Maria.

208
00:11:32.680 --> 00:11:37.200
So, um, tell me like, so, I mean, this looks great.

209
00:11:37.240 --> 00:11:38.800
Like, did you guys have a designer?

210
00:11:38.960 --> 00:11:40.040
Did you design it?

211
00:11:40.400 --> 00:11:41.080
What was the front end?

212
00:11:42.200 --> 00:11:47.600
Uh, we didn't have a designer, so we invented it from our head.

213
00:11:48.320 --> 00:11:48.720
Okay.

214
00:11:49.000 --> 00:11:50.920
And tell me, walk me through that process.

215
00:11:50.920 --> 00:11:54.560
Like you're staring at a blank screen, like what's your process to

216
00:11:54.560 --> 00:11:57.320
get a, like this messaging page built?

217
00:11:58.280 --> 00:11:58.680
Okay.

218
00:11:58.720 --> 00:12:02.240
Uh, you think about the main components, like, uh, you, you want to, uh,

219
00:12:02.600 --> 00:12:07.320
message books and the way you want to choose, uh, uh, previous messages.

220
00:12:07.320 --> 00:12:12.400
And they also wanted to show available persons or people to message.

221
00:12:13.280 --> 00:12:18.560
Uh, so you try to mock how Twitter and Facebook handles this.

222
00:12:19.560 --> 00:12:24.080
Uh, in the bottom, you have emoji and send, send the button.

223
00:12:24.680 --> 00:12:29.760
So like you draw some mock mockup on the paper and do you implement

224
00:12:29.760 --> 00:12:33.440
it using, uh, material UI and so on.

225
00:12:34.360 --> 00:12:35.560
Good answer.

226
00:12:36.520 --> 00:12:41.760
We are, um, so if you haven't, I don't think you mentioned you had,

227
00:12:41.800 --> 00:12:44.720
um, looked at the shape up process.

228
00:12:45.400 --> 00:12:45.840
Um,

229
00:12:46.080 --> 00:12:47.000
well, yeah, yeah, yeah.

230
00:12:47.040 --> 00:12:51.160
I saw that you were talking about shape up process with someone, but I couldn't

231
00:12:51.200 --> 00:12:56.920
complete the whole video because it was very long and, uh, it was doing some

232
00:12:56.920 --> 00:12:59.520
stuff, but I will continue it later.

233
00:12:59.920 --> 00:13:00.240
No.

234
00:13:00.280 --> 00:13:00.560
Yeah.

235
00:13:00.560 --> 00:13:06.920
And check out, if you go to basecamp.com slash shape up, um, I'll put that in the

236
00:13:06.920 --> 00:13:07.520
chat here.

237
00:13:07.800 --> 00:13:13.640
Um, uh, you can, um, there's a, the whole book is there.

238
00:13:13.640 --> 00:13:15.720
It's just something worth checking out.

239
00:13:15.880 --> 00:13:19.880
Um, it's like, it's worth probably knowing if that, if this is how you're

240
00:13:19.920 --> 00:13:25.240
working, like you'll love the workflow of shape up, um, because it's exactly what

241
00:13:25.240 --> 00:13:25.760
you just did.

242
00:13:25.760 --> 00:13:28.760
Like, it was like, put it on a piece of paper and then go straight to code.

243
00:13:28.760 --> 00:13:34.160
Like there was no, you know, UI mockups and Figma and any of that.

244
00:13:34.160 --> 00:13:36.400
It was like very simplistic.

245
00:13:36.960 --> 00:13:42.080
And then the goal to get it functional as fast as possible and working, and then

246
00:13:42.080 --> 00:13:44.200
you can go back and refine design later.

247
00:13:44.560 --> 00:13:49.120
Um, yeah, so I, that is cool that you did it that way.

248
00:13:49.360 --> 00:13:53.440
Um, so, uh, yeah.

249
00:13:53.440 --> 00:13:54.360
What are your plans?

250
00:13:54.360 --> 00:13:56.800
Like with, this was just like something you guys did for fun.

251
00:13:57.040 --> 00:13:59.360
Are you, what's the plan with this?

252
00:14:00.920 --> 00:14:04.520
Well, uh, I don't think that we will continue supporting or

253
00:14:04.520 --> 00:14:05.920
maintaining this project anymore.

254
00:14:06.480 --> 00:14:11.760
Uh, I'm planning on doing some project with Ruby on Rails for backend and

255
00:14:11.840 --> 00:14:15.880
React frontend and maybe trying to remix a framework.

256
00:14:15.880 --> 00:14:17.040
It's very new.

257
00:14:17.520 --> 00:14:22.840
Uh, and it's eye catching, so I would try it very soon.

258
00:14:24.000 --> 00:14:25.400
But, uh, yeah, that's it.

259
00:14:26.400 --> 00:14:28.040
So it was just for practice.

260
00:14:29.000 --> 00:14:29.440
Yeah.

261
00:14:29.720 --> 00:14:33.240
Uh, we aren't planning to continue maintaining it since we

262
00:14:33.240 --> 00:14:35.600
don't have enough users, you know?

263
00:14:35.920 --> 00:14:37.360
Yeah, exactly.

264
00:14:37.760 --> 00:14:44.080
Well, we have, uh, we have users, um, not tens of thousands, but we have

265
00:14:44.080 --> 00:14:47.040
thousands of users on our platform.

266
00:14:47.440 --> 00:14:51.720
Um, and we have paying clients, which is always a good thing to have.

267
00:14:52.120 --> 00:14:57.720
Um, so we have about a hundred platforms that are being supported by our software.

268
00:14:58.200 --> 00:15:00.000
Um, but.

269
00:15:00.000 --> 00:15:06.000
One of the goals we had with tribe is to have it feel very much like a social network.

270
00:15:06.000 --> 00:15:20.000
And just seeing this was exciting because you guys have kind of built a version of it with just the little things like the liking, you know, sharing stuff.

271
00:15:20.000 --> 00:15:25.000
Being able to comment. I think you guys had comments here. Yeah.

272
00:15:25.000 --> 00:15:39.000
Now, and what I'm like this is a great level of simplicity. And so, you know, there's even like, I don't know if this even works, I forgot password but we don't have a forgot password.

273
00:15:39.000 --> 00:15:42.000
I don't think you do either.

274
00:15:42.000 --> 00:15:47.000
But the Google authentication, we're doing that as well.

275
00:15:47.000 --> 00:15:50.000
So just like a lot of overlap.

276
00:15:51.000 --> 00:15:56.000
I like the idea of the pages.

277
00:15:56.000 --> 00:15:58.000
I crashed it. Whoops.

278
00:15:58.000 --> 00:16:04.000
It's okay. It's a.

279
00:16:04.000 --> 00:16:13.000
And I think I did this Bruce's group. There we go. So you can join. So this is actually kind of funny how similar it is.

280
00:16:13.000 --> 00:16:22.000
So if I go to groups, we have this groups functionality, like you can go into like roadmap.

281
00:16:22.000 --> 00:16:25.000
Oops, or partners here.

282
00:16:25.000 --> 00:16:33.000
And then you can join. There's like members in a group there's a discussion, like, this is awesome.

283
00:16:33.000 --> 00:16:39.000
Someone can post stuff, upload an image. It's very very very simplistic.

284
00:16:40.000 --> 00:16:49.000
Like no one has really spent any time on the front end. I think the, you know, we had someone sort of mock up what, what it could look like.

285
00:16:49.000 --> 00:16:55.000
So this is sort of a little bit more like a social network looking site.

286
00:16:55.000 --> 00:17:03.000
We haven't implemented all of this design yet this is a lot. This is kind of where we want to go with it though.

287
00:17:04.000 --> 00:17:09.000
So, yeah, I just this felt very complete.

288
00:17:09.000 --> 00:17:15.000
Really what we do mostly on our site right now is just like we stream videos.

289
00:17:15.000 --> 00:17:21.000
And like it's basically like a version of Netflix right it's not very community driven.

290
00:17:21.000 --> 00:17:33.000
Like I love the profile idea, the idea to follow people we actually have all of this in the database, because our platform also acts as a CMS for other mobile apps.

291
00:17:33.000 --> 00:17:45.000
And so we have some of these back end functionalities already we just like haven't put a page together for a user can. So like, this is how close we are to it if you go here you can actually go to edit profile.

292
00:17:46.000 --> 00:17:54.000
The picture cover photo about save it but there's no like front end page where this goes just yet.

293
00:17:54.000 --> 00:18:04.000
So, you would assume that if I like clicked on this username, so just like it's doesn't, it's like it's just not finished right there's like lots of little things like that.

294
00:18:05.000 --> 00:18:15.000
Our process would go is very much like following the shape up method so we, we do everything in notion, we would.

295
00:18:15.000 --> 00:18:19.000
So we have for this is our product for tribe.

296
00:18:20.000 --> 00:18:33.000
And we have so that here's like inbox and email notification so we basically scoped out like a four week project for this. We talked about like, what's the problem, so you could sit and like read this we don't have to get on a long call and explain

297
00:18:33.000 --> 00:18:42.000
it you could read through like what what the problem is. And then here's some of the solution of how we're thinking about it and you see we literally just took screenshots of other apps.

298
00:18:42.000 --> 00:18:49.000
And there's other places where I just like did like ugly like whiteboard drawings of what I think it should look like.

299
00:18:49.000 --> 00:18:58.000
And then we talked about rabbit holes, and then anything that's out of bounds like hey we're not going to touch these two things, or we're not doing this in this project.

300
00:18:58.000 --> 00:19:05.000
So we spent some time shaping the project up and thinking it through and here's how the best way we could do it.

301
00:19:06.000 --> 00:19:15.000
And then from there we, you know, we'll, like, it just sits in this shaped list until we feel like it's ready to work on.

302
00:19:15.000 --> 00:19:25.000
And then we'll actually go and implement it and knock it out so starting out like we probably would want some help on this work.

303
00:19:25.000 --> 00:19:32.000
But anyway, that's that's just a little bit of process but definitely go check out the shape of book, and it'll make a lot more sense.

304
00:19:33.000 --> 00:19:36.000
But I have some questions for you.

305
00:19:36.000 --> 00:19:40.000
Yeah, like, who's the ideal candidate for your company?

306
00:19:40.000 --> 00:19:42.000
What's what sorry?

307
00:19:42.000 --> 00:19:45.000
Like, who is the ideal candidate for this job?

308
00:19:45.000 --> 00:19:47.000
For this job?

309
00:19:47.000 --> 00:19:49.000
Yeah, in your opinion.

310
00:19:49.000 --> 00:20:00.000
Yeah, so we have with each of these projects that we're looking at here we have a single developer so really, it needs to be someone who's a full stack, who feels really good about each project.

311
00:20:00.000 --> 00:20:03.240
fully good about the front-end and the back-end.

312
00:20:03.240 --> 00:20:04.760
Yeah.

313
00:20:04.760 --> 00:20:07.400
What do you use for back-end?

314
00:20:07.400 --> 00:20:14.800
So right now, we use Redux, Node.js, and Express, I think.

315
00:20:14.800 --> 00:20:18.800
Yeah, I used it before.

316
00:20:18.800 --> 00:20:21.440
And a lot of the things initially we would be doing

317
00:20:21.440 --> 00:20:25.680
is we're kind of working on an existing application.

318
00:20:25.680 --> 00:20:27.880
So I can show you here.

319
00:20:30.720 --> 00:20:31.640
Yeah.

320
00:20:31.640 --> 00:20:34.640
So I mean, this is all stuff.

321
00:20:34.640 --> 00:20:36.440
We use Tailwind a lot.

322
00:20:36.440 --> 00:20:37.880
Yeah, I like Tailwind.

323
00:20:37.880 --> 00:20:38.600
Yeah.

324
00:20:38.600 --> 00:20:43.480
So we have Tailwind UI has their own component library,

325
00:20:43.480 --> 00:20:45.200
which we use.

326
00:20:45.200 --> 00:20:46.400
So there's Redis.

327
00:20:46.400 --> 00:20:47.280
We use that.

328
00:20:47.280 --> 00:20:49.160
That's for caching stuff.

329
00:20:49.160 --> 00:20:50.000
Let's just see here.

330
00:20:50.000 --> 00:20:51.920
Yeah, I know it.

331
00:20:51.920 --> 00:20:54.240
So there's Express, group routes.

332
00:20:54.240 --> 00:20:55.120
Let's see here.

333
00:20:55.920 --> 00:20:59.160
Um, yeah, we're using Axios.

334
00:21:02.600 --> 00:21:08.440
And yeah, MySQL for the database.

335
00:21:08.440 --> 00:21:09.200
I believe in that.

336
00:21:09.200 --> 00:21:10.280
I'm talking with Facebook.

337
00:21:10.280 --> 00:21:11.680
Yeah, I understand.

338
00:21:11.680 --> 00:21:12.200
Yep.

339
00:21:15.480 --> 00:21:17.080
Yeah, I don't know.

340
00:21:17.080 --> 00:21:19.520
So again, some of the stuff like this

341
00:21:19.520 --> 00:21:22.800
is very much like we work on this project when

342
00:21:22.800 --> 00:21:24.520
there's time.

343
00:21:24.520 --> 00:21:27.600
And normally, we're working on client work

344
00:21:27.600 --> 00:21:29.360
that tends to take priority.

345
00:21:29.360 --> 00:21:38.600
So that was just, I think, what I like, my qualification

346
00:21:38.600 --> 00:21:42.600
to best candidate and why I was interested in talking with you

347
00:21:42.600 --> 00:21:46.840
is like someone who can go from nothing

348
00:21:46.840 --> 00:21:51.120
to like a pretty half decent looking app.

349
00:21:51.120 --> 00:21:52.800
We're not going for like the world's most,

350
00:21:52.840 --> 00:21:55.640
we're not trying to win a design awards with our apps.

351
00:21:55.640 --> 00:21:58.240
We're trying to make them really functional.

352
00:21:58.240 --> 00:22:00.000
And I think a lot of development companies

353
00:22:00.000 --> 00:22:04.320
go down a rabbit hole of like this crazy level of design

354
00:22:04.320 --> 00:22:06.360
that's not really needed.

355
00:22:06.360 --> 00:22:08.160
We just need something that's very usable.

356
00:22:08.160 --> 00:22:10.200
We focus a lot more on UX.

357
00:22:10.200 --> 00:22:12.120
But this is also pretty at the same time.

358
00:22:12.120 --> 00:22:13.240
Like I love the animations.

359
00:22:13.240 --> 00:22:17.280
It's just a little bit extra attention to detail.

360
00:22:17.280 --> 00:22:20.640
And so qualifications, like I don't really

361
00:22:20.640 --> 00:22:23.640
care what school you went to or if you went to school or not.

362
00:22:23.640 --> 00:22:28.000
Like I'm looking at the work that you've done.

363
00:22:28.000 --> 00:22:29.920
So this was like pretty much all you

364
00:22:29.920 --> 00:22:35.000
had to put on your job CV.

365
00:22:35.000 --> 00:22:37.960
So yeah, resume.

366
00:22:37.960 --> 00:22:41.480
So this is great.

367
00:22:41.480 --> 00:22:43.480
I think I would be curious, how long did it

368
00:22:43.480 --> 00:22:44.440
take you guys to work?

369
00:22:44.440 --> 00:22:46.320
How long did you work on this?

370
00:22:46.320 --> 00:22:50.200
It was one month, only one month.

371
00:22:50.320 --> 00:22:51.920
Oh, just one month?

372
00:22:51.920 --> 00:22:52.680
Yeah.

373
00:22:52.680 --> 00:22:53.600
OK.

374
00:22:53.600 --> 00:22:54.640
That's great.

375
00:22:54.640 --> 00:22:56.280
You just kind of worked on it full time?

376
00:22:58.920 --> 00:22:59.920
Can you repeat, please?

377
00:22:59.920 --> 00:23:02.760
You just worked on it full time for a month?

378
00:23:02.760 --> 00:23:03.640
Yeah.

379
00:23:03.640 --> 00:23:05.960
OK.

380
00:23:05.960 --> 00:23:06.480
That's great.

381
00:23:11.960 --> 00:23:14.440
So you're looking for some freelance stuff now.

382
00:23:15.240 --> 00:23:18.440
And I'm looking for full time, too.

383
00:23:18.440 --> 00:23:18.960
OK.

384
00:23:18.960 --> 00:23:19.480
Yeah.

385
00:23:19.480 --> 00:23:23.920
And our team, our guys are full time.

386
00:23:23.920 --> 00:23:29.000
They're set up as contractors full time.

387
00:23:29.000 --> 00:23:31.320
But they're part of the team.

388
00:23:31.320 --> 00:23:33.720
They've been with us for years.

389
00:23:33.720 --> 00:23:35.720
So all that comes with it as well.

390
00:23:38.720 --> 00:23:41.400
And curious, what's kind of your, do you

391
00:23:41.600 --> 00:23:44.960
have a target rate you're looking for as far as doing 30?

392
00:23:44.960 --> 00:23:48.640
We kind of work on about 30 to 35 hours a week.

393
00:23:48.640 --> 00:23:52.800
We don't try and ask you to do two weeks of work in one week.

394
00:23:52.800 --> 00:23:55.240
We want to be sustainable.

395
00:23:55.240 --> 00:23:58.840
Well, I don't mind working 30 hours per week.

396
00:23:58.840 --> 00:23:59.600
30?

397
00:23:59.600 --> 00:24:00.120
Yeah.

398
00:24:00.120 --> 00:24:01.120
Yeah.

399
00:24:01.120 --> 00:24:04.720
But I can work up to 40 and even 50.

400
00:24:04.720 --> 00:24:05.240
Yeah.

401
00:24:05.240 --> 00:24:05.720
OK.

402
00:24:05.720 --> 00:24:06.240
Yeah.

403
00:24:06.240 --> 00:24:07.800
We just don't want to kill you.

404
00:24:08.160 --> 00:24:11.840
There's always, you can go as much as you want.

405
00:24:11.840 --> 00:24:12.640
There's no limits.

406
00:24:12.640 --> 00:24:14.480
But we just don't plan.

407
00:24:14.480 --> 00:24:18.800
Like when we're talking about a one week project back here,

408
00:24:18.800 --> 00:24:21.840
we're thinking like really 20 to 30 hours a week.

409
00:24:21.840 --> 00:24:24.360
So it basically leaves a lot of margin

410
00:24:24.360 --> 00:24:26.080
just for things that are going to come up.

411
00:24:26.080 --> 00:24:29.560
And we may run into issues and stuff.

412
00:24:29.560 --> 00:24:31.120
So trying to leave some margin there.

413
00:24:31.120 --> 00:24:35.800
But yeah, we're looking for a lot of work.

414
00:24:36.640 --> 00:24:40.320
So we have some other, like there's some cool projects here.

415
00:24:40.320 --> 00:24:43.520
We have this blockchain streaming integration

416
00:24:43.520 --> 00:24:47.840
we're working with to do live video streaming

417
00:24:47.840 --> 00:24:52.160
on the blockchain using this live peer tool.

418
00:24:52.160 --> 00:24:55.200
So yeah.

419
00:24:55.200 --> 00:24:58.160
Oh, so did you have like a target rate you're looking for?

420
00:24:58.160 --> 00:25:01.120
If we're doing like 30 hours a week?

421
00:25:00.000 --> 00:25:07.160
No, no, I don't have a target rate, but as I said, I can work up to 50 hours per week.

422
00:25:07.160 --> 00:25:08.160
Okay.

423
00:25:08.160 --> 00:25:10.760
What are you, like, are you, cause you said you're doing some freelance work now.

424
00:25:10.760 --> 00:25:15.200
Like what's like, what are people paying you an hour for that?

425
00:25:15.200 --> 00:25:17.360
You mean how much they are paying for me?

426
00:25:17.360 --> 00:25:18.360
Yeah.

427
00:25:18.360 --> 00:25:20.560
Like, are you being paid by the hour?

428
00:25:20.560 --> 00:25:21.560
Yeah.

429
00:25:21.560 --> 00:25:28.160
I'm being by hour, like $12 per hour.

430
00:25:28.160 --> 00:25:31.920
I think it's, it's very low rate, but it's very low rate.

431
00:25:31.920 --> 00:25:32.920
Yeah.

432
00:25:32.920 --> 00:25:33.920
I don't know.

433
00:25:33.920 --> 00:25:39.320
We actually have not worked with anyone from Egypt before, so I just don't know.

434
00:25:39.320 --> 00:25:43.800
Like if I can ask, like, how much do you pay for?

435
00:25:43.800 --> 00:25:44.800
More than that.

436
00:25:44.800 --> 00:25:45.800
Okay.

437
00:25:45.800 --> 00:25:46.800
Okay.

438
00:25:46.800 --> 00:25:47.800
Does that make sense?

439
00:25:47.800 --> 00:25:48.800
Yeah.

440
00:25:48.800 --> 00:25:49.800
Yeah.

441
00:25:49.800 --> 00:25:50.800
Yeah.

442
00:25:50.800 --> 00:26:01.160
I mean, I don't think we would start you less than 20 initially, I, again, we don't, I don't

443
00:26:01.160 --> 00:26:05.160
know what you could, I mean, I've seen, I can see this, I've, you know, we've only talked

444
00:26:05.160 --> 00:26:13.880
for 30 minutes, so I would like to, yeah, let me think, let me think about a next step.

445
00:26:13.880 --> 00:26:17.640
What I, what I, are you available like to start soon on something?

446
00:26:17.640 --> 00:26:18.640
Yeah.

447
00:26:18.640 --> 00:26:19.640
Yeah.

448
00:26:19.640 --> 00:26:20.640
Yeah.

449
00:26:20.640 --> 00:26:21.640
Yeah.

450
00:26:21.640 --> 00:26:22.640
Like, can I start immediately?

451
00:26:22.640 --> 00:26:23.640
Okay.

452
00:26:23.640 --> 00:26:26.720
What I'll do is like, let me think of a project that would fit, you know, nice, like a one

453
00:26:26.720 --> 00:26:28.500
or two week project.

454
00:26:28.500 --> 00:26:33.000
We can kind of agree, Hey, let's, let's plan on like 50 hours or so.

455
00:26:33.000 --> 00:26:34.000
Yeah.

456
00:26:34.000 --> 00:26:38.240
And so, you know, so you can budget for that.

457
00:26:38.240 --> 00:26:40.240
And then we'll, we'll do that as a single project.

458
00:26:40.240 --> 00:26:43.220
Let's then, you know, our team can review your code.

459
00:26:43.220 --> 00:26:48.860
We can see what, you know, maybe do a call where we just review how, how and why you

460
00:26:48.860 --> 00:26:49.860
did certain things.

461
00:26:49.860 --> 00:26:56.900
And, you know, and then go from there and if it works out great, then we can just do,

462
00:26:56.900 --> 00:27:01.380
you know, just set up something that's, you know, monthly, and then you just, we'll just

463
00:27:01.380 --> 00:27:06.540
work the hours and we just typically pay our teams like at the end of the month for all

464
00:27:06.540 --> 00:27:13.200
the hours they worked, but we'll definitely, I'm not, we have people working all over the

465
00:27:14.180 --> 00:27:15.180
world.

466
00:27:15.180 --> 00:27:16.400
We try to standardize as much of the pricing.

467
00:27:16.400 --> 00:27:21.760
So if you were doing anything for less than 20, like you're going to love working with

468
00:27:21.760 --> 00:27:26.960
us because we don't pay, we pay well, you know, compared to that.

469
00:27:26.960 --> 00:27:34.440
So like, yeah, no one, even like admins on our team don't make that, don't get paid that.

470
00:27:34.440 --> 00:27:40.800
So developers definitely, there's lots of room for growth and it really just comes down

471
00:27:40.800 --> 00:27:42.720
to, can you like write the code?

472
00:27:42.720 --> 00:27:43.720
Is it organized?

473
00:27:43.720 --> 00:27:44.720
Is it well-labeled?

474
00:27:44.720 --> 00:27:47.600
You know, does it look good?

475
00:27:47.600 --> 00:27:48.600
All those things.

476
00:27:48.600 --> 00:27:53.960
So we can, and I'm, I will, we'll just keep increasing rates until they like, you know,

477
00:27:53.960 --> 00:27:58.200
for as much as you're bringing to us.

478
00:27:58.200 --> 00:28:01.040
Cool.

479
00:28:01.040 --> 00:28:03.480
So that's a good thing.

480
00:28:03.480 --> 00:28:09.280
Again, I normally, we normally take more, like more time doing longer interviews and

481
00:28:09.280 --> 00:28:12.800
doing technical interviews, but again, I'm very impressed with this.

482
00:28:12.800 --> 00:28:16.600
And so I'm trying to like, normally we would take longer to do some more stuff, but I kind

483
00:28:16.600 --> 00:28:23.040
of want to just let you do a project and see what, what it works, see how it goes.

484
00:28:23.040 --> 00:28:25.880
So do you have any other questions for me?

485
00:28:25.880 --> 00:28:29.880
No, no, no, it's all fine for now.

486
00:28:29.880 --> 00:28:30.880
Okay.

487
00:28:30.880 --> 00:28:35.920
And you, what are you six, seven hours ahead, six hours ahead?

488
00:28:36.080 --> 00:28:40.400
Uh, like one o'clock here.

489
00:28:40.400 --> 00:28:42.400
It's like 8pm here.

490
00:28:42.400 --> 00:28:43.400
8pm.

491
00:28:43.400 --> 00:28:44.400
Okay.

492
00:28:44.400 --> 00:28:45.400
So, okay.

493
00:28:45.400 --> 00:28:46.400
So let's do this.

494
00:28:46.400 --> 00:28:55.440
Um, I mean, so I will, I'm going to, I'm going to think I've got, I mean, we have an endless

495
00:28:55.440 --> 00:29:00.200
supply of things that need to be done.

496
00:29:00.200 --> 00:29:03.520
And I want to do something that, that I can pick that does do a little bit of the back

497
00:29:03.520 --> 00:29:05.880
end, a little bit of the front end.

498
00:29:05.880 --> 00:29:11.680
Um, yeah, let's, um, I have to just jump to another call that started six minutes ago

499
00:29:11.680 --> 00:29:14.000
or else I would just take some time now and do it.

500
00:29:14.000 --> 00:29:21.840
But let me, um, let me think about what the most, the next most important thing may be.

501
00:29:21.840 --> 00:29:27.640
And, uh, I will, um, put a little project together and email it to you where you can

502
00:29:27.640 --> 00:29:28.640
just click on a link.

503
00:29:28.640 --> 00:29:32.520
And so you'll get something that looks kind of like the, the project I showed you here

504
00:29:32.520 --> 00:29:33.520
in Notion.

505
00:29:33.520 --> 00:29:40.680
Um, take a look at it, read through what, um, read through what, uh, what it is.

506
00:29:40.680 --> 00:29:44.160
And we can jump on a call and talk through it some more.

507
00:29:44.160 --> 00:29:51.120
Um, so that will be, um, uh, how we can do that, but, um, yeah, I would, I think I'd

508
00:29:51.120 --> 00:29:55.360
love to try something like, I'm very hopeful that this is a good, will be a good fit for

509
00:29:55.360 --> 00:29:59.480
both of us, but I'd like to do a project and then you can see.

510
00:30:00.000 --> 00:30:03.000
like working with us and vice versa.

511
00:30:03.400 --> 00:30:06.760
But like I said, it, it looks, it looks really good.

512
00:30:06.840 --> 00:30:09.560
Like, um, just seeing some of the work you've done.

513
00:30:10.040 --> 00:30:14.040
Um, I love your attention to detail on the design side.

514
00:30:14.640 --> 00:30:18.960
Like just bringing in like the Lodi files and other things like that.

515
00:30:19.440 --> 00:30:25.520
Um, I didn't even know that was a, I hadn't heard of that before, but I loved

516
00:30:25.520 --> 00:30:27.240
the little extra attention to detail.

517
00:30:27.720 --> 00:30:31.880
So again, we've hired about 250 developers over the last 11 years.

518
00:30:31.880 --> 00:30:35.440
So that's why I'm kind of just like skipping through the, the standard

519
00:30:35.440 --> 00:30:37.560
questions, he's kind of getting to the point.

520
00:30:38.080 --> 00:30:40.080
Um, so cool, man.

521
00:30:40.120 --> 00:30:41.920
If you have any questions, you can email me.

522
00:30:42.000 --> 00:30:45.680
Um, if not look for an email from me like later today or tomorrow.

523
00:30:45.840 --> 00:30:49.440
Um, and, uh, okay.

524
00:30:49.480 --> 00:30:54.360
I would like to thank you for this opportunity and for cool.

525
00:30:54.840 --> 00:30:55.520
No, I appreciate it.

526
00:30:55.520 --> 00:31:00.040
And in the meantime, uh, like check out, check out the shape up book.

527
00:31:00.480 --> 00:31:03.200
Um, cause that'll help you as far as thinking through our process.

528
00:31:03.400 --> 00:31:05.680
And even if you don't work with us, like you'll, you'll

529
00:31:05.680 --> 00:31:07.280
get lots of value out of it.

530
00:31:07.440 --> 00:31:10.400
Um, uh, so cool, man.

531
00:31:10.680 --> 00:31:11.560
Good talking to you.

532
00:31:11.600 --> 00:31:12.480
Let's, let's talk.

533
00:31:12.520 --> 00:31:15.880
Um, you know, I'll send you an email later today or tomorrow, and then we'll, uh,

534
00:31:15.920 --> 00:31:19.200
we'll do another call and, and try and get a project put together for you.

535
00:31:19.360 --> 00:31:22.240
Um, I'd love, I'd love to have you start on something this week.

536
00:31:22.520 --> 00:31:25.160
Honestly, we have a backlog of stuff.

537
00:31:25.160 --> 00:31:28.480
So it's not a, I just need to find the right project for you.

538
00:31:29.400 --> 00:31:29.880
All right.

539
00:31:30.120 --> 00:31:30.440
All right.

540
00:31:30.720 --> 00:31:30.920
Okay.

541
00:31:30.920 --> 00:31:31.480
Thank you, Bruce.

542
00:31:31.720 --> 00:31:32.040
Thanks man.

543
00:31:32.040 --> 00:31:32.520
We'll talk soon.