-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
197 lines (180 loc) · 11.5 KB
/
index.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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Joseph Unworried</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Bonjour</a></li>
<li><a href="#wairesi">Wairesi</a></li>
<li><a href="#onboard">Onboard</a></li>
<li><a href="#edliz">EDLIZ</a></li>
<li><a href="#meme">House of Memes</a></li>
<li><a href="#metronome">Metronome</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Joseph Unworried</h1>
<ul class="actions">
<li><a href="https://www.twitter.com/josephx86" target="_blank">
<i class="social fab fa-twitter-square"></i>
</a></li>
<li><a href="https://www.github.com/josephx86" target="_blank">
<i class="social fab fa-github-square"></i>
</a></li>
<li><a href="https://www.github.com/josephx86" target="_blank">
<i class="social fab fa-linkedin"></i>
</a></li>
</ul>
<p>Hi there, I love creating mobile apps! I design beautiful mobile apps with engaging UX and intuitive UI. After a few years of Android, 2021 is my second year working on iOS. Away from the computer, I enjoy cycling... well, before I have cycled too far and I am hating myself for it 🥴</p>
<p>Check out some of my work below</p>
<ul class="actions">
<li><a href="#wairesi" class="button scrolly">Wairesi</a></li>
<li><a href="#onboard" class="button scrolly">Onboard</a></li>
<li><a href="#edliz" class="button scrolly">EDLIZ</a></li>
<li><a href="#meme" class="button scrolly">House of Memes</a></li>
<li><a href="#metronome" class="button scrolly">Metronome</a></li>
</ul>
</div>
</section>
<!-- Wairesi -->
<section id="one" class="wrapper style2 spotlights">
<section id="wairesi">
<a href="#wairesi" class="image"><img src="images/wairesi.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Wairesi</h2>
<p>Wairesi is a mobile app that places Zimbabwean online radio stations in one place. The app makes use of a foreground service, along with ExoPlayer to create an easy, intuitive, and pleasant experience when a user wants to listen to a radio station of choice.</p>
<p>The most challenging part creating the app was supporting icecast web-streams. I had to tweak some objects ExoPlayer needs in order to have it play nice. No pun intended lol!</p>
<ul class="actions">
<li>#Java</li>
<li>#ForegroundService</li>
<li>#ExoPlayer</li>
<li>#MediaSession</li>
<li>#Threads</li>
<li>#AdMob</li>
</ul>
<ul class="actions">
<li><a target="_blank" href='https://play.google.com/store/apps/details?id=com.github.josephx86.zradio&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img width="120px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a></li>
</ul>
</div>
</div>
</section>
<section id="onboard">
<a href="#onboard" class="image"><img src="images/onboard.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>OnBoard</h2>
<p>Designed for South Africa, OnBoard is set of apps that enable registered drivers to offer a ride service to users on the platform. Yes, just like Uber or Lyft. OnBoard is a work in progress, even though it has been released in the app store. Electronic payments have not yet been integrated and that is the final big feature left.</p>
<p>I will state the obvious: Maps/navigation apps are not for a weak developer. Regular location updates also add some complexity to the apps as both the driver and passenger apps will need that data to show real-time updates. Securing user information is also a factor to keep in mind.</p>
<ul class="actions">
<li>#Java</li>
<li>#ForegroundService</li>
<li>#GoogleMaps</li>
<li>#GPS</li>
<li>#FirebaseDatabase</li>
<li>#FirebaseAuth</li>
</ul>
<ul class="actions">
<li><a target="_blank" href='https://play.google.com/store/apps/details?id=app.onboard'><img width="120px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a></li>
</ul>
</div>
</div>
</section>
<section id="edliz">
<a href="#edliz" class="image"><img src="images/edliz.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>EDLIZ</h2>
<p>The Essential Drugs and Medicines List for Zimbabwe is meant to be a pocketbook for every medical health professional and student in Zimbabwe. The EDLIZ app enables the book to fit in the pocket as a mobile app.</p>
<p>The big challenge for the app is that the original book is only available in print or PDF formats. That makes cumbersome to have the book in a format that is easy to edit when changes or updates are made. There is a <a href="https://github.com/michaeldera/edliz" target="_blank">github project</a> I contribute to so as to help make the book available is more portable (platform-wise) format.</p>
<ul class="actions">
<li>#Flutter</li>
<li>#HTML-to-FlutterWidgets</li>
<li>#Offline</li>
</ul>
<ul class="actions">
<li><a target="_blank" href='https://play.google.com/store/apps/details?id=com.github.josephx86.edliz'><img width="120px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a></li>
</ul>
</div>
</div>
</section>
<section id="meme">
<a href="#meme" class="image"><img src="images/meme.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>House of Memes</h2>
<p>It is an app for creating and managing memes. And most important, users can share the funny memes!</p>
<p>Editing images and overlaying text are the core of the app. The update to the app is in progress and will enable users to keep memes in a database as binary data. This will help avoid the clutter of countless images in the phone gallery. </p>
<ul class="actions">
<li>#Flutter</li>
<li>#FirebaseDatabase</li>
<li>#FirebaseAuth</li>
<li>#ContentProvider</li>
<li>#ImageManipulation</li>
</ul>
<ul class="actions">
<li><a target="_blank" href='https://play.google.com/store/apps/details?id=com.github.josepx86.meme_house'><img width="120px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a></li>
</ul>
</div>
</div>
</section>
<section id="metronome">
<a href="#metronome" class="image"><img src="images/metronome.png" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Metronome</h2>
<p>Simple utility app for those interesting in music. This one was a simple one. I did not do the design (I used resources I found after a Google search</p>
<p>The challenging part in creating Metronome was making the image assets fit and look nice on different screen sizes. Then timing the swing animation so that matches the beats. It was nothing simple math cannot do. </p>
<ul class="actions">
<li>#Java/Flutter</li>
<li>#SoundPool</li>
<li>#PSD</li>
<li>#BackgroundService</li>
<li>#Threads</li>
</ul>
<ul class="actions">
<li><a target="_blank" href='https://play.google.com/store/apps/details?id=com.github.josepx86.meme_house'><img width="120px" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a></li>
</ul>
</div>
</div>
</section>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>