-
Notifications
You must be signed in to change notification settings - Fork 0
/
now.html
452 lines (407 loc) · 20 KB
/
now.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>
</title>
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./style.css"/>
<link href="https://fonts.googleapis.com/css?family=Gentium+Book+Basic" rel="stylesheet">
</head>
<body class='gentium black-70 lh-copy'>
<nav class="db dt-l w-100 border-box pa4 ph5-l">
<div class="db dtc-l v-mid w-100 w-75-l tc tr-l">
<a class="dim dib ttu f6" href="http://joshpitzalis.com/"><img src='./img/home.svg'/></a>
</div>
</nav>
<article class="pa3 measure-wide center mt6">
<h1 class="f2 b">Now I am...</h1>
<ul>
<li>Building an online store for a tiger reserve in the western ghats, in southern India.</li>
<li>Keeping regular with updates on my <a href="http://tinyletter.com/joshpitzalis">business building adventures</a>.</li>
<li>Available for <a href="http://joshpitzalis.com/design">new project work</a> from the 28th July 2017 onwards.</li>
</ul>
<p>Last updated July 12th, 2017.</p>
<img src='./img/wiggle.svg' class='mv5'/>
<main class="mw6 center">
<h2 class="f3 b">Past Projects</h2>
<article data-name="slab-stat-small" class="mb4">
<div class="cf">
<dl class="fl fn-l w-50 dib-l w-auto-l lh-title mr5-l">
<dd class="f6 fw4 ml0">Total Projects on the Web.</dd>
<dd class="f3 fw6 ml0">22</dd>
</dl>
<dl class="fl fn-l w-50 dib-l w-auto-l lh-title mr5-l">
<dd class="f6 fw4 ml0">Front-end</dd>
<dd class="f3 fw6 ml0">20</dd>
</dl>
<dl class="fl fn-l w-50 dib-l w-auto-l lh-title mr5-l">
<dd class="f6 fw4 ml0">Full Stack</dd>
<dd class="f3 fw6 ml0">2</dd>
</dl>
</div>
</article>
<ul class="list pa0 ma0" >
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="https://en.tamuro.me/">
<b class="db f3 mb1">Tamuro</b>
<p class="f5 db lh-copy measure black-70 b">
Tamuro is an audio chat application to give advice, share knowledge, and talk about things that interest you — with two random strangers.
</p>
<p class="f5 db lh-copy measure black-70">I built the front and backend of this application. I cannot take credit for designing the UI, the designs were provided.
</p>
<p class="f5 db lh-copy measure black-70">I built the project in react without needing to resort to redux. For the backend I used firebase and cloud functions.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://prolifiko.com/">
<b class="db f3 mb1">AutoMTE Etherium Exchange</b>
<p class="f5 db lh-copy measure black-70 b">
An online Etherium Exchange. Ethereum is a cryptocurrency, much like Bitcoin.</p>
<p class="f5 db lh-copy measure black-70">
I worked on the front-end of this project. The deisgns were provided, I translated all the designs to react components. I also built some of the non-critical modules, like the chat module for live trades. This was an interesting project because its my first paid project using Redux.
</p>
<p class="f5 db lh-copy measure black-70 i">
"Josh was a delight to work with; always cooperative, creative, responsive and technically excellent at his job - went above and beyond."
- Bec Evans and Chris Smith, Founders of Prolifiko
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Preparing for closed beta-testing at the moment.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://prolifiko.com/">
<b class="db f3 mb1">Prolifiko</b>
<p class="f5 db lh-copy measure black-70 b">
A personal writing coach app.</p>
<p class="f5 db lh-copy measure black-70">
I built the MVP for this product with three other students after completing Founders & Coders, a coding bootcamp in London. This was my first professional fullstack software project ever.
</p>
<p class="f5 db lh-copy measure black-70 i">
"Josh was a delight to work with; always cooperative, creative, responsive and technically excellent at his job - went above and beyond."
- Bec Evans and Chris Smith, Founders of Prolifiko
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://blog.beeminder.com/josh/">
<b class="db f3 mb1">Beeminder</b>
<p class="f5 db lh-copy measure black-70 b">
A productivity app that charges you money if you don't get things done.
</p>
<p class="f5 db lh-copy measure black-70">
I worked on a redesign of the interface. Clicking here will take you to a case study of the redesign.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="https://sewingnewfutures.com/">
<b class="db f3 mb1">Sewing New Futures</b>
<p class="f5 db lh-copy measure black-70 b">
An online clothing store that employs and empowers women in forced prostitution.</p>
<p class="f5 db lh-copy measure black-70">
I designed and developed a custom theme for Shopify.
</p>
<p class="f5 db lh-copy measure black-70 i">
"Super easy to work with."
- Kristin Braddock, Social Entrepreneur
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.treehouseclothing.com/">
<b class="db f3 mb1">TreeHouse Clothing</b>
<p class="f5 db lh-copy measure black-70 b">
An online t-shirt store.
</p>
<p class="f5 db lh-copy measure black-70">
I built a custom theme for Shopify. The design was by an agency called Lazy Eight.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Pending Release.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="https://vapeempire.us/">
<b class="db f3 mb1">Vape Empire</b>
<p class="f5 db lh-copy measure black-70 b">
An online store for alternatives to smoking products.</p>
<p class="f5 db lh-copy measure black-70">
This was the shopify project I completed. I did all the development for this project. My client designed the look of the store and provided the design files and assets to work from.
</p>
<p class="f5 db lh-copy measure black-70 i">
"Joshua was extremely detail oriented and thorough in this project. I would highly recommend him to anyone wanting a quality developer."
- Eric Schuster, Founder of Fresh Look Web Design
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.alphasheets.com/">
<b class="db f3 mb1">AlphaSheets</b>
<p class="f5 db lh-copy measure black-70 b">
An online spreadsheet that supports Python, R, and SQL.
</p>
<p class="f5 db lh-copy measure black-70">I worked on a new Dashboard and download page for an upcoming version of the system.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Pending Release.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="https://mantogrand.com/">
<b class="db f3 mb1">Man To Grand</b>
<p class="f5 db lh-copy measure black-70 b">
A marketplace for non-medical care services.
</p>
<p class="f5 db lh-copy measure black-70">
I designed, built and hosted the application.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Live but not active.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://suniltandon.com/">
<b class="db f3 mb1">Sunil Tandon</b>
<p class="f5 db lh-copy measure black-70 b">
A personal website for my father in law, an Infrastructure Development Consultant.</p>
<p class="f5 db lh-copy measure black-70">
I designed, developed and hosted this responsive landing page.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.kautilya.in/">
<b class="db f3 mb1">Kautilya News Network</b>
<p class="f5 db lh-copy measure black-70 b">
A news website for an independent publishing house based in New Delhi, India.</p>
<p class="f5 db lh-copy measure black-70">
Initially this was customised theme for WordPress. year lated we moved teh system to a platform called Strikingly.
</p>
<p class="f5 db lh-copy measure black-70 i">
"Working with Josh was a great experience. His sense of design, aesthetics and flow of information was amazing. I am very pleased with his work and recommend him very highly."
-Raju Arora, Founder of Kautilya and Kahanibaaz
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.ypfafrica.com/">
<b class="db f3 mb1">Young Presidents Fund</b>
<p class="f5 db lh-copy measure black-70 b">
YPF is a facility for
individuals, families and institutions to gain investment exposure to Africa’s growth story and provide tangible returns for our investors.</p>
<p class="f5 db lh-copy measure black-70">
Designed and hosted this responsive website on a platform called Strikingly.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.jazzminjiwa.com/">
<b class="db f3 mb1">Jazzmin Jiwa</b>
<p class="f5 db lh-copy measure black-70 b">
A profolio website for a freelance journalist & documentary-maker.</p>
<p class="f5 db lh-copy measure black-70">
Designed and hosted this responsive website on WordPress.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://taniarashid.com/">
<b class="db f3 mb1">Tania Rashid</b>
<p class="f5 db lh-copy measure black-70 b">
A profolio website for a multimedia journalist.</p>
<p class="f5 db lh-copy measure black-70">
Designed and hosted this responsive website on WordPress.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.musicbasti.org/">
<b class="db f3 mb1">Music Basti</b>
<p class="f5 db lh-copy measure black-70 b">
Music Basti enables music learning for children to nurture confidence and skills to achieve their best.</p>
<p class="f5 db lh-copy measure black-70">
Developed and hosted this responsive website. The website was designed and put together by my wife. Illustation work by an agency called Thought Over Design.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://kahanibaaz.in/">
<b class="db f3 mb1">Kahanibaaz</b>
<p class="f5 db lh-copy measure black-70 b">
An independent screenwriting house. They provide and end-to-end services from scouting and manuscript evaluation to supporting production and marketing of these stories.</p>
<p class="f5 db lh-copy measure black-70">
Developed and hosted this responsive website on Strikingly. Icon design by an agency called Skarma.
</p>
<p class="f5 db lh-copy measure black-70 i">
"Working with Josh was a great experience. His sense of design, aesthetics and flow of information was amazing. I am very pleased with his work and recommend him very highly."
-Raju Arora, Founder of Kautilya and Kahanibaaz
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://www.kautilyabooks.in/">
<b class="db f3 mb1">Kautilya Books</b>
<p class="f5 db lh-copy measure black-70 b">
An independent publishing house based in New Delhi.</p>
<p class="f5 db lh-copy measure black-70">
Developed and hosted this responsive website on Strikingly.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="https://www.ilforno.in/">
<b class="db f3 mb1">Il Forno</b>
<p class="f5 db lh-copy measure black-70 b">
The Best Commercial Wood & Gas-Fired Pizza Ovens In India.</p>
<p class="f5 db lh-copy measure black-70">
I worked on improving the technical SEO for this website to help get it to the top of the first google serach page result when people serached for commercial pizza oven makers in India.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://joshpitzalis.com/barsoom">
<b class="db f3 mb1">Barsoom</b>
<p class="f5 db lh-copy measure black-70 b">
A bistro and bar in New Delhi, India.</p>
<p class="f5 db lh-copy measure black-70">
I designed and developed the website along with the digital marketing campaign for this project. Clicking here will take you to a case study of the campaign.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">R.I.P. - Taken Down after the company was sold.</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://wpa.strikingly.com/">
<b class="db f3 mb1">When Pandas Attack</b>
<p class="f5 db lh-copy measure black-70 b">
A website for an independant music producer.</p>
<p class="f5 db lh-copy measure black-70">
I designed and developed the website along with the digital marketing campaign for his first album launch.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">Complete, Live</dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://joshpitzalis.com/sleptapp/">
<b class="db f3 mb1">Slept</b>
<p class="f5 db lh-copy measure black-70 b">
A iPhone app that helps you fall asleep.</p>
<p class="f5 db lh-copy measure black-70">
I designed and hosted a responsive landing page for this app. I also deisgned and commissioned the iPhone application.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">R.I.P. - The Landing Page is Live, But the app is no longer available. </dd>
</dl>
</a>
</li>
<li class="w-100 bb b--black-10">
<a class="link dt w-100 bb b--black-10 pb2 mt2 dim" href="http://joshpitzalis.com/sleptapp/">
<b class="db f3 mb1">Salad Box</b>
<p class="f5 db lh-copy measure black-70 b">
A lunchbox service that delivers delicious food to your doorstep.</p>
<p class="f5 db lh-copy measure black-70">
I designed and hosted a responsive landing page for this service. I also deisgned and built the service. The business was sold and eventually shut down. This was, hands down, the most fun I have ever had building a business so far.
</p>
<dl class="mt2 f6">
<dt class="clip">Status</dt>
<dd class="ml0 black-70 ttu">R.I.P. - The Landing Page is Live, But the service is no longer available. </dd>
</dl>
</a>
</li>
</ul>
<p>If you'd like to a weekly(ish) update of projects I'm working on and things I make you can subscribe to my <a href="http://tinyletter.com/joshpitzalis">busines building adventures.</a></p>
</main>
</article>
<footer class=" mt6 pv5 ph3 ph5-m ph6-l mid-gray bt b--black-10 ">
<small class="f6 db tc">© 2017 <b class="ttu">Josh Pitzalis</b>, All Rights Reserved</small>
<!-- <div class="tc mt3">
<a href="/terms/" title="Terms" class="f6 dib ph2 link mid-gray dim">Terms of Use</a>
<a href="/privacy/" title="Privacy" class="f6 dib ph2 link mid-gray dim">Privacy</a>
</div> -->
<img src='./img/diamond.svg' class='mv4 center db'/>
</footer>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86031259-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>