My Portfolio
Think Tank QA
WordPress & PHP
I designed, built, and launched this fully responsive commercial WordPress site for a Quality Assurance startup. Using Adobe XD, Elementor, and a growing understanding of PHP, I created a custom child theme, deployed, and shipped this site in 6 weeks.
Rogue Pickings Website
HTML & CSS from Photoshop Design Comp
I translated a Photoshop design comp into a landing page for a local food truck. Then I extrapolated the design and built out the site into a fully functional, responsive 7-page website featuring an interactive gallery, embedded map, and contact form.
Unplugged Retreat
Responsive Web Design & Flexbox
I utilized the HTML5 Boilerplate template to code this 3‑page website for a retreat from a design comp. Implementing responsive typography, Flexbox, media queries, and standard breakpoints, the site features a fully responsive dynamic layout and interactive navigation links.
Guess the Word Game
JavaScript
I programmed several JavaScript functions to pull a random word, accept player input, and validate that input. Players guess the word by entering one letter at a time. If the player guesses all the letters correctly before using up their allotted guesses, they win!
Super Sticky Notes
React & JSX
Greenfield project rendering a functional Sticky Notes web app. Uses mulitple components to build the classic sticky note UI with the ability to add, edit, delete and search for notes. Go ahead, leave a note for yourself.
Skills
Developer Skills
- HTML & CSS
- JavaScript
- Responsive Web Development
- Git & GitHub
- WordPress
- React
Tech Stack
- Chrome DevTools
- GitHub Pages
- Adobe Creative Suite
About Me
I am passionate about empowering users to access information on the web.
I'm Markie Marzolf, a detail-oriented web developer with a professional background in writing and editing accessible media. I have an eye for grammatical accuracy and a growing fluency in HTML, CSS, and JavaScript. Employing a heightened attention to detail and affinity for editing, I write clean, elegant code.
How can I help your content reach a wider audience?
Let's Connect
Meet Me
Let's share ideas over coffee.