2024-03-22 12:20:10 +00:00
<!DOCTYPE html>
< html lang = "en" >
2024-03-22 13:04:31 +00:00
2024-04-24 14:24:08 +00:00
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< title > Andrzej Stepien : Coder for Hire< / title >
2024-05-26 16:30:55 +00:00
< link rel = "stylesheet" href = "css/defaults.css" / >
< link rel = "stylesheet" href = "css/styles.css" / >
2024-04-24 14:24:08 +00:00
< / head >
< body >
< header >
2024-05-26 21:42:38 +00:00
< h1 > Andrzej Stepien: Coder for Hire< / h1 >
2024-04-24 14:24:08 +00:00
< / header >
< main >
2024-05-26 21:03:54 +00:00
2024-04-25 22:26:09 +00:00
< section >
2024-05-26 21:03:54 +00:00
< div class = "container" >
2024-10-11 16:07:53 +00:00
< h3 > Allow me to introduce myself.< / h3 >
< p > My name is Andrzej. Since arriving in Spain from my native England in 2010, I have worked teaching English as a foreign language, but now it's time for a change. This is why I have spent the last two years dedicated to re-skilling as a web developer.< / p > < p > If you are reading this, you most likely followed a link here from my CV. I thought this page would be the best way to demonstrate what I'm capable of.< / p >
2024-05-26 21:03:54 +00:00
< / div >
< div class = "container" >
2024-10-11 16:07:53 +00:00
< h1 id = "this-website" > This website...< / h1 >
2024-05-26 21:03:54 +00:00
< ul >
< li > < b > … is hosted on bespoke hardware.< / b > A mini-pc in my living room, to
be precise!< / li >
< li > < b > … has correctly managed security certificates, scoring an 'A' grade on < a
href="https://www.ssllabs.com/ssltest/analyze.html?d=sonarrr.ajstepien.xyz">sslabs.com< / a > .< / b >
2024-04-25 22:26:09 +00:00
< / li >
2024-05-26 21:03:54 +00:00
< li > < b > … is fully compliant with < a
href="https://www.w3.org/WAI/standards-guidelines/wcag/">Web
Content
2024-10-11 16:07:53 +00:00
Accessibility Guidelines< / a > < / b > < / li >
2024-05-26 21:03:54 +00:00
< li > < b > … is styled with careful consideration for Responsive Web Design
principles< / b >
2024-10-11 16:07:53 +00:00
< / li >
< li > < b > … follows system light/dark theming.< / b > < / li >
< li > < b > … hosts a collection of projects demonstrating my proficiency in both frontend and backend development< / b > including projects written in CSS, Html, Javascript, React, Nodejs, Sql, Jq, Lua, Groovy, and Bash.< / li >
< li > < b > … is deployed via a self-hosted Jenkins CI/CD system.< / b > < / li >
2024-05-26 21:03:54 +00:00
< li > < b > … is fully source-available< / b > on < a
href="https://projects.ajstepien.xyz/Resume">my self-hosted git
server.< / a > < / li >
2024-10-11 16:07:53 +00:00
< li > < b > … was lovingly hand-coded by myself.< / b > < / li >
2024-04-25 22:26:09 +00:00
< / ul >
2024-05-26 21:03:54 +00:00
< / div >
< / section >
< h1 > Certifications< / h1 >
< section >
< div class = "container" >
< figure >
< figcaption >
Freecodecamp certificates
< / figcaption >
< ul class = "link-list" >
< li >
< a
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/front-end-development-libraries">Front
End Development Libraries< / a >
< / li >
< li >
< a
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/responsive-web-design">Responsive
Web Design< / a >
< / li >
< li >
< a
href="https://www.freecodecamp.org/certification/fcc60e22726-0a94-4738-8702-3e216d14fdb2/javascript-algorithms-and-data-structures">Javascript
Algorithms and Data Structures< / a >
< / li >
< / ul >
< / figure >
< / div >
< div class = "container" >
< figure >
< figcaption >
IBM certificates
< / figcaption >
< ul class = "link-list" >
< li >
< a
href="https://courses.edx.org/certificates/0ac958dec5424747b59860843844bd22">Introduction
to Cloud Computing< / a >
< / li >
< li >
< a
href="https://courses.edx.org/certificates/f7a2d211241a432785f298df38336098">Introduction
to Cloud Development with HTML, CSS, and JavaScript< / a >
< / li >
< / ul >
< / figure >
< / div >
2024-04-25 22:26:09 +00:00
< / section >
2024-10-11 16:07:53 +00:00
< h1 > Selected projects< / h1 >
2024-04-25 22:26:09 +00:00
< section >
< figure >
2024-05-26 21:03:54 +00:00
< ul id = "project-list" >
2024-10-11 16:07:53 +00:00
< li class = "ghost-container" >
< / li >
2024-05-24 10:50:42 +00:00
< li class = "container" >
2024-10-12 09:20:57 +00:00
< a href = "https://subman.ajstepien.xyz" >
2024-04-25 22:26:09 +00:00
< h3 > Subman< / h3 >
2024-10-12 09:20:57 +00:00
< / a >
2024-04-25 22:26:09 +00:00
< p > A self-hosted literary submission management system comprising a
2024-10-11 16:07:53 +00:00
Nextjs web-app with Sqlite back-end. Styled with Tailwind.
2024-04-25 22:26:09 +00:00
< / p >
2024-10-11 16:07:53 +00:00
< div class = "links-container" >
< a href = "https://subman.ajstepien.xyz" > demo< / a >
< a href = "https://projects.ajstepien.xyz/Resume/subman-nextjs" > source< / a >
< / div >
2024-04-25 22:26:09 +00:00
< / li >
2024-10-11 16:07:53 +00:00
<!-- <li class="container"> -->
<!-- -->
<!-- <h3>Micro365</h3> -->
<!-- <p> -->
<!-- A bot written in nodejs that delivers single - word writing -->
<!-- prompts from a database. -->
<!-- </p> -->
<!-- <a>demo</a> -->
<!-- <a>source</a> -->
<!-- </li> -->
2024-05-26 21:34:58 +00:00
< li class = "container" >
2024-10-12 09:20:57 +00:00
< a href = "https://demos.ajstepien.xyz/movie-explorer" >
2024-05-26 21:34:58 +00:00
< h3 > Movie-Explorer< / h3 >
2024-10-12 09:20:57 +00:00
< / a >
2024-05-26 21:34:58 +00:00
< p >
An app for when you don't know what movie to watch, written in
2024-10-11 16:07:53 +00:00
Typescript/React and vanilla CSS.
2024-05-26 21:34:58 +00:00
< / p >
2024-10-11 16:07:53 +00:00
< div class = "links-container" >
2024-05-26 21:34:58 +00:00
< a href = "https://demos.ajstepien.xyz/movie-explorer" > demo< / a >
< a
href="https://projects.ajstepien.xyz/Resume/movie-explorer">source< / a >
2024-10-11 16:07:53 +00:00
< / div >
2024-05-26 21:34:58 +00:00
< / li >
2024-05-24 10:50:42 +00:00
< li class = "container" >
2024-04-25 22:26:09 +00:00
2024-10-12 09:20:57 +00:00
< a href = "https://demos.ajstepien.xyz/calculator" >
2024-05-24 10:50:42 +00:00
< h3 > Calculator< / h3 >
2024-10-12 09:20:57 +00:00
< / a >
2024-04-25 22:26:09 +00:00
< p >
2024-10-11 16:07:53 +00:00
A simple calculator app written in React and vanilla CSS.
2024-04-25 22:26:09 +00:00
< / p >
2024-10-11 16:07:53 +00:00
< div class = "links-container" >
2024-05-24 10:50:42 +00:00
< a href = "https://demos.ajstepien.xyz/calculator/" > demo< / a >
2024-05-26 21:34:58 +00:00
< a href = "https://projects.ajstepien.xyz/Resume/calculator" > source< / a >
2024-10-11 16:07:53 +00:00
< / div >
2024-04-25 22:26:09 +00:00
< / li >
< / ul >
< / figure >
< / section >
2024-04-24 14:24:08 +00:00
< / main >
< / body >
2024-03-22 12:20:10 +00:00
< / html >
