I am Shaun Kriel

About me

Passionate about technology and problem-solving, I am currently transitioning from electrical maintenance engineering to software development. With a strong technical background and analytical mindset, I am expanding my expertise in programming, web development, and software solutions. Currently studying software development, I have completed HTML, CSS, Bootstrap and I am advancing in JavaScript. Eager to apply my problem-solving skills and technical adaptability to build efficient, innovative software solutions.

Highly experienced Electrical Maintenance Engineer with 14 years of expertise in troubleshooting, repairing, and maintaining electrical systems in commercial settings. Proficient in diagnosing faults, performing preventive maintenance, and ensuring compliance with safety regulations. Skilled in working with electrical circuits, control systems, and automation technologies. Adept at minimising downtime, improving system efficiency, and collaborating with cross-functional teams to optimize operational performance. I also had the priveledge of supervising, mentoring and training an apprentice

Committed to continuous learning and applying technical knowledge to solve complex challenges. Strong administrative skills, including accurate record- keeping, efficient filing management, and proficiency in MS Office (Word, Excel, Word, Outlook). Well-organised and detail-oriented, ensuring smooth documentation and workflow processes.

Follow me on LinkedIn for weekly update on my learning journey #BreakingJavaScript #ElectricianToDeveloper #CodingJourney

Portfolio

Please have a look at what I have been getting up to and what I am working on right now.

My First Website Build - Dr. Kathrina Farrugia-Kriel

I am very proud of this project. Alot of sweat, blood and tears has gone into this but I have enjoyed every moment. I found it challenging and rewarding but I have learnt so much from this. Thanks to my wife who gave me this challenge and for having the patience, it's finally here!! Biggest lessons learnt was the javascript - fixed navbar and hamburger icon, scroll to top button and of course CSS and HTML - grid layout, div positioning, responsive( media queries), structuring of a website. I know there is still much to learn but Im excited for the journey ahead. This has given me the confidence to continue building efficient and affective webpages.

Tradesmen Landing Page

This is my attempt at my first landing page using only HTML,CSS and a little JavaScript. I enjoyed every minute of this project and faced new challenges but it was rewarding in the end. Lessons learnt were - structuring the page and creating a contact form for potential client's. I setup a backend service (Formspree) that collects all the details from the contact form once submitted. A javascript function was created to clear the input fields once the form was submitted. Biggest lessons I learnt from this was creating a contact form, setting up a backend mailing service, directing the form (html) to this backend service and then creating a javascript function to clear the data inputs. Then of course there was the CSS which was pretty straight forward.

A Form Validator

This is a registration validation form using HTML, CSS and Vanilla JavaScript. This was a fun and challenging project. Ensuring that all input fields were validated when submitted. Lessons learnt - (HTML - container, form, label, input and small) (CSS - import of googleFonts, :root, visibility-hidden) (JavaScript - Event listeners-checking length of username, email(email valid regex) and passwords. Functions - forEach and if/else.) There was alot to get my head around and plenty of reverting back to the docs and asking questions.

A Temp, Weight and Length Converter

So this is what I call "My Converter". Simply a webpage where you can convert Temperature °C to °F, Weight (Metric/ Imperial) and Length (Metric/ Imperial). Built in HTML, CSS and JavaScript. Lessons learnt (HTML - grid layout, input tag) (CSS - grid template, styling, sizing, centering the container) (JavaScript lessons learnt - declaring variables. Functions - math formulas for °C to °F and °F to °C, 'parseFloat', 'toFixed' and anonymous functions.)

Calculator

I created this calculator from the tutorial that I am following. I struggled with the JavaScript for this when I attempted it on my own. I managed to declare the variable and define one of the functions but even after much questioning I still couldnt manage to get it right. Where I went wrong was the 'try' and 'catch'. However I styled with various colors and slight transform of the buttons when hovered. I really enjoyed playing aorund with the different affects.

Flexbox Photo Gallery

A simple photo gallery of African wild animals using HTML and CSS. The gallery was layed out using flexbox.

Nutrition Label

I found this assignment challenging but rewarding. Built only using HTML and CSS I learnt alot about div's, class' and span. My first attempt to this and I was pretty impressed with myself with the outcome.

Registration Form

Another assignment which I found challenging but fun. The form doesnt actually do anything when you submit, but the idea around this was to learn about - form, fieldset, label and input HTML and then adding css styling. I chose to fill the entire width and make it responsive.

My Favourite Recipes

This was a fun little project using only HTMl and CSS. Just some of my favourite recipes that are often make. I learnt alot about ul, ol and li. I made links(a tag) for each recipe and buttons (links) on each recipe page that takes you back to the hompepage.

Contact

Please find my contact details below,

Call Me

+44 771 628 7153

Email Me

shaunkriel@sky.com