-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
179 lines (159 loc) · 8.69 KB
/
about.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Kevin Mbui Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="assets/css/main copy.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<header id="header">
<a href="index.html" class="logo"> Software Engineer | <strong>React, JavaScript</strong></a>
<ul class="icons">
<li><a href="https://twitter.com/kevinmbuimushan" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/in/kevinmbui/" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="mailto:[email protected]" target="_blank" class="icon solid fa-envelope"></a></li>
<li><a href= "https://github.com/kevinmbuicode" target="_blank" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<br>
<h1>About me</h1>
<p>
I'm Kevin, a seasoned software engineer with a penchant for crafting exceptional web applications. My expertise centers on React and related technologies, where I've mastered key concepts like components, state, and props. I'm skilled in leveraging libraries such as Redux, React Router, and Material-UI to build feature-rich applications.
Beyond React, my toolkit includes JavaScript, TypeScript, HTML, CSS, Git, Node.js, Agile Methodologies, and proficiency in UI/UX tools like Figma. I'm a quick learner, always seeking fresh challenges to sharpen my skills.
Effective communication and collaborative teamwork are my strengths. I thrive in diverse environments, believing that combining technical expertise with harmonious teamwork leads to the best results.
I'm confident in my ability to deliver top-quality work, exceeding your expectations. I'm genuinely excited about the opportunity to contribute to meaningful projects. Let's discuss how I can enhance your success.
Feel free to reach out at +254791560183 or [email protected]. I'm eager to explore the exciting possibilities with you.
</p>
</header>
</div>
<span class="image object">
<img src="images/photoMe.jpg" alt="Photo of me, standing in SBM Bank office Hurlingham branch" />
</span>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Services</h2>
</header>
<div class="features">
<article>
<span class="icon fa-gem"></span>
<div class="content">
<h3>Web App Development</h3>
<p>Front-end and back-end web development and design, from wireframes and UI/UX design, to Full Stack Web Applications</p>
</div>
</article>
<article>
<span class="icon solid fa-paper-plane"></span>
<div class="content">
<h3>UI/UX Design</h3>
<p>Human-centered approach to all design decisions so that products feel custom built for the target audience and is easy-to-navigate</p>
</div>
</article>
<article>
<span class="icon solid fa-rocket"></span>
<div class="content">
<h3>Responsive Design</h3>
<p>Built to look and perform beautifully on all types of devices, with a page structure that is logical and helps users (and search engines) browse efficiently</p>
</div>
</article>
</div>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Latest Projects</h2>
</header>
<div class="posts">
<article>
<a target="_blank" href="https://www.zuri.team/" class="image"><img src="images/Screenshot aws1.png" alt="DevOps ScreenShot" /></a>
<h3>AWS Climate Change with IoT solution</h3>
<p>Sponsored by AWS, Stanbic Bank, and iLab. This solution won the AWS Impact+ hackathon 2022 where we applied IoT and AWS to solve the climate world problem. Unfortunately, I can't disclose everything but used JavaScript, Google Charts, AWS and IoT. Otherwise here is Zuri, an application I assisted to build while at HNG</p>
<ul class="actions">
<li><a target="_blank" href="https://www.zuri.team/" class="button">View App</a></li>
</ul>
</article>
<article>
<a target="_blank" href="https://spark-sage.vercel.app/" class="image"><img src="images/ecommLook3.png" alt="DevOps ScreenShot" /></a>
<h3>Ecommerce with Sanity CMS</h3>
<p>An ecommerce built with React. Still in development. Currently integrating tensorFlow.js for product recommendation to improve sales, and writing tests for the application</p>
<ul class="actions">
<li><a target="_blank" href="https://spark-sage.vercel.app" class="button">View App</a></li>
</ul>
</article>
<!-- <article>
<a href="https://crypto-coins-phi.vercel.app/" target="_blank" class="image"><img src="images/Screenshot currency.png" alt="Crypto Watch" /></a>
<h3>Cryptocurrency Watch</h3>
<p>A cryptocurrency webapp to watch for top trending coins' changes. Built with React, Material UI and Chart.js.</p>
<ul class="actions">
<li><a target="_blank" href="https://crypto-coins-phi.vercel.app/" class="button">View App</a></li>
</ul>
</article> -->
<article>
<a target="_blank" href="https://team-sandpaper.vercel.app/" class="image"><img src="images/Screenshot devops.png" alt="DevOps ScreenShot" /></a>
<h3>Enterprise DevOps Notepad Landing Page</h3>
<p>An Enterprise level landing page built with React, HTML5, and CSS3 in collaboration with PMs, Developers, UI/UX, & Marketers with experience from HNG internship, Remote - Nigeria</p>
<ul class="actions">
<li><a target="_blank" href="https://team-sandpaper.vercel.app/" class="button">View App</a></li>
</ul>
</article>
<!-- <article>
<a target="_blank" href="https://web3-0-blockchain-application.vercel.app/" class="image"><img src="images/connectWithMeta.png" alt="Web# ScreenShot" /></a>
<h3>Web3 Blockchain</h3>
<p>Send and receive ethereum anywhere in the world. Built using React, Solidity & Tailwind. Increased performance from 72% to 92% according to pagespeed.web.dev/</p>
<ul class="actions">
<li><a target="_blank" href="https://web3-0-blockchain-application.vercel.app/" class="button">View App</a></li>
</ul>
</article> -->
<article>
<a href="https://www.milesmotorsltd.co.ke/" target="_blank" class="image"><img src="images/Screenshot cars.png" alt="Ecommerce car store" /></a>
<h3>E-commerce Car Store</h3>
<p>A responsive e-commerce store for my third client with a dashboard, authentication, and filtering. Built with React, Material UI and Node.js</p>
<ul class="actions">
<li><a target="_blank" href="https://www.milesmotorsltd.co.ke/" class="button">View App</a></li>
</ul>
</article>
</div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Section -->
<section>
<header class="major">
<h2>Get in touch</h2>
</header>
<p>Reach out and let's start a conversation!</p>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="mailto:[email protected]">[email protected]</a></li>
<li class="icon brands fa-twitter"><a href="https://twitter.com/kevinmbuimushan" target="_blank">My Twitter</a></li>
<li class="icon brands fa-github"><a href= "https://github.com/kevinmbuicode" target="_blank">Github</a></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Kevin Mbui. All rights reserved.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.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>
<script src="https://kit.fontawesome.com/0a596b411e.js" crossorigin="anonymous"></script>
</body>
</html>