I'm John, I build things: webthings.

Hi! I'm John, a front-end developer with a passion for crafting interactive and responsive web experiences.

I specialize in building user-friendly interfaces and web pages.

Hello, I'm John

A front-end developer passionate about creating clean, responsive, and user-friendly websites. My journey into web development began with adding and correcting copy for a company e-commerce site, which led me to study HTML, CSS, and JavaScript. I’ve built various interactive applications and am now expanding my skills with Bootstrap, Sass, and version control tools like Git.

I’m driven by curiosity and a love for problem-solving, whether it’s debugging code or refining user interfaces. My goal is to grow as a developer by collaborating on real-world projects and contributing to impactful digital experiences.

When I’m not coding, you’ll find me exploring design trends, sketching UI ideas, and playing my guitar just a bit too loud. Let’s connect and build something great together!"

Skillset:

Projects

Rock Climbing Course Landing Page

I designed and developed a responsive landing page for a fictitious rock climbing company offering a 3-day course. Built with Bootstrap and custom Sass, the page features two interactive forms with confirmation toasts and a modal for additional course information. The project highlights my ability to create clean, responsive layouts and implement interactive UI elements to enhance the user experience.

Beauty Products Checkout Component

I designed and built a responsive checkout component for a fictitious beauty products company using Bootstrap with custom validation. It includes a product card with a quantity incrementor, a multi-step checkout form with accordions and auto-filled card options, and a simulated card authorization with a spinner and order confirmation toast. This project highlights my ability to create interactive, user-friendly e-commerce components.

Shopping List CRUD App

I developed a responsive shopping list app using vanilla HTML, CSS, and JavaScript. The app allows users to add, edit, filter, and remove items, with the option to clear the entire list via a confirmation modal. Items are saved to local storage to preserve the list between sessions. This project highlights my ability to build full CRUD functionality with clean, responsive design.