/
work.html
244 lines (240 loc) · 12.2 KB
/
work.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Jemima Abu has built a lot of websites in her time. Here's a list of all of them.">
<meta name="author" content="Jemima Abu">
<meta property="og:title" content="Work - Jemima Abu: Front End Developer">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Jemima Abu: Front End Developer">
<meta property="og:url" content="http://www.jemimaabu.com/work.html">
<meta property="og:image"
content="https://raw.githubusercontent.com/jemimaabu/jemimaabu.com/master/static/images/jemima.jpg">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image:alt"
content="An image of Jemima Abu with ombre braids, round glasses and triangular earrings.">
<meta name="theme-color" content="#f29fc3">
<meta name="msapplication-navbutton-color" content="#f29fc3">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="stylesheet" type="text/css" href="./static/css/style.css">
<link rel="shortcut icon"
href="https://raw.githubusercontent.com/jemimaabu/jemimaabu.com/master/static/images/favicon.ico"
type="image/x-icon">
<link rel="icon" href="https://raw.githubusercontent.com/jemimaabu/jemimaabu.com/master/static/images/favicon.ico"
type="image/x-icon">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LVJDHD0SM9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-LVJDHD0SM9');
</script>
<title>Work - Jemima Abu: Front End Developer</title>
</head>
<body>
<main class="work landing-page">
<div class="page-container">
<header>
<h1 class="intro-title">My Work</h1>
<p class="intro-subtitle">
Over the course of my career as a front-end developer, I've built a number of websites and applications.
Here's all of them:
</p>
</header>
<div class="section-text">
<ul class="styled-list">
<li>
<b>Redux Middleware</b>
<p>A demo website for a presentation on using Redux Middleware for React Applications.</p>
<a href="https://redux-middleware-demo.netlify.app/" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/redux-middleware" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Accessible React</b>
<p>A demo website for a presentation on building accessible components in React.</p>
<a href="https://accessible-react.netlify.com" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/accessible-react" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Recreated</b>
<p>A collection of site designs that I recreated from websites I found online.</p>
<a href="https://jemimaabu.github.io/recreated/" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/recreated" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>GirlCode 2019</b>
<p>A tutorial webpage built for the GirlCode Academy 2019 training.</p>
<a href="https://jemimaabu.github.io/girlcode-2019/" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/girlcode-2019" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Word count</b>
<p>A webpage for counting all the words in a text input.</p>
<a href="https://jemimaabu.github.io/word-count" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/word-count" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>Random Quote Generator</b>
<p>A webpage that randomly displays some of my favorite quotes from tumblr.com.</p>
<a href="https://randquotegenerator.netlify.com/" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/random-quote-generator" target="_blank"
rel="noopener noreferrer">source code</a>
</li>
<li>
<b>List To HTML</b>
<p>A webpage for converting a list to HTML tag items.</p>
<a href="https://jemimaabu.github.io/text-list-to-html/" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/text-list-to-html/" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>CyberCamp 2019</b>
<p>A tutorial webpage built for the UNILAG Consult CyberCamp 2019 bootcamp.</p>
<a href="https://jemimaabu.github.io/cybercamp/" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/cybercamp" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>FreeCodeCamp Projects</b>
<p>A collection of websites built for the FreeCodeCamp Full Stack Developer certification.</p>
<a href="https://jemimaabu.github.io/freecodecamp#projects" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/freecodecamp" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Gridster</b>
<p>A grid game.</p>
<a href="https://gridster-demo.herokuapp.com/" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/gridster/" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>Random Gradient Generator</b>
<p>A webpage for generating random gradient backgrounds.</p>
<a href="https://jemimaabu.github.io/random-gradient-generator" target="_blank"
rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/random-gradient-generator/" target="_blank"
rel="noopener noreferrer">source code</a>
</li>
<li>
<b>Mocking Text</b>
<p>A WeBsItE fOr tYpInG sArCaStIc MeSsAgEs.</p>
<a href="https://jemimaabu.github.io/mocking-text" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/mocking-text/" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Label Creator</b>
<p>A CRUD app for creating and viewing labels.</p>
<a href="https://jemimaabu.github.io/label-creator" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/label-creator" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Word Processor</b>
<p>A webapp for converting cases.</p>
<a href="https://jemimaabu.github.io/word-processor" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/word-processor" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>List Alphabetizer</b>
<p>A webapp for sorting lists alphabetically.</p>
<a href="https://jemimaabu.github.io/list-alphabetizer" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/list-alphabetizer" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Take Note</b>
<p>A webapp for saving notes on your browser.</p>
<a href="https://jemimaabu.github.io/take-note" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/take-note" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>Random Password Generator</b>
<p>A webapp for generating random passwords.</p>
<a href="https://jemimaabu.github.io/random-password-generator" target="_blank"
rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/random-password-generator" target="_blank"
rel="noopener noreferrer">source code</a>
</li>
<li>
<b>Find the Number</b>
<p>Figure out the pattern used in a sequence and correctly predict the next number.</p>
<a href="https://jemimaabu.github.io/find-the-formula" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/find-the-formula" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Dead and wounded</b>
<p>A number guessing game.</p>
<a href="https://jemimaabu.github.io/dead-and-wounded" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/dead-and-wounded" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>CodeLegion 2019</b>
<p>A tutorial webpage built for the CodeLegion 2019 class.</p>
<a href="https://jemimaabu.github.io/codelegion/" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/codelegion" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>What Should We Eat</b>
<p>A webpage for randomly selecting what to eat.</p>
<a href="https://jemimaabu.github.io/what-should-we-eat" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/what-should-we-eat" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>Hexcode Color Render</b>
<p>A webpage that renders hexcode color in text.</p>
<a href="https://jemimaabu.github.io/hexcode-color-render" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/hexcode-color-render" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
<li>
<b>CyberCamp 2018</b>
<p>A tutorial webpage built for the UNILAG Consult CyberCamp 2018 bootcamp.</p>
<a href="https://jemimaabu.github.io/cyber-camp/" target="_blank" rel="noopener noreferrer">visit site</a>
<a href="https://github.com/jemimaabu/cyber-camp" target="_blank" rel="noopener noreferrer">source code</a>
</li>
<li>
<b>GirlCode 2018</b>
<p>A tutorial webpage built for the GirlCode Academy 2018 training.</p>
<a href="https://jemimaabu.github.io/girl-code-example/" target="_blank" rel="noopener noreferrer">visit
site</a>
<a href="https://github.com/jemimaabu/girl-code-example" target="_blank" rel="noopener noreferrer">source
code</a>
</li>
</ul>
</div>
</div>
</main>
<nav>
<a href="index.html">Home</a>
</nav>
<footer>
<div class="copyright">© 2020 Jemima Abu</div>
<div class="links">
<a href="https://github.com/jemimaabu">Github</a>
<a href="https://www.linkedin.com/in/jemimaabu">LinkedIn</a>
<a href="http://twitter.com/jemimaabu">Twitter</a>
<a href="https://medium.com/@jemimaabu">Medium</a>
</div>
</footer>
</body>
</html>