Skip to content
View John-Davidson-8's full-sized avatar
3 followers · 10 following

Achievements

Achievement: YOLO

Achievements

Achievement: YOLO

Block or report John-Davidson-8

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
John-Davidson-8/README.md

πŸ‘‹ Hi, I'm John Davidson

Front-end developer (HTML, CSS, JavaScript) and Shopify developer/designer, based in the Scottish Isles 🏴󠁧󠁒󠁳󠁣󠁴󠁿

A late starter on the coding journey. I've been learning since May 2022, and I love building things, breaking them and working out how to fix them.

πŸ”­ What I'm working on

  • 🧱 Building Frontend Mentor projects with HTML, CSS (Flexbox and Grid), Git and GitHub
  • ⚑ Learning JavaScript properly: the DOM, events, forms and fetch
  • πŸ›οΈ Building Shopify sections and themes with Liquid
  • πŸŽ₯ Coding live on YouTube (link coming soon)

πŸ› οΈ Tech

HTML5 CSS3 JavaScript Git GitHub Shopify VS Code

πŸ“Œ My approach

  • Build from scratch, no copy-and-paste solutions
  • Mobile-first, responsive and accessible
  • Small commits, deployed on Netlify

🀝 Open to

  • Collaborating on small projects and open source
  • Freelance Shopify and front-end work
  • Feedback on my code, always welcome πŸ™

πŸ“« Find me

Pinned Loading

  1. fem-nft-component-card fem-nft-component-card Public

    A small Frontend Mentor challenge. Single card using CSS Flex-box. Learned: overlay an image with an icon using relative and absolute properties. Also hover pseudo elements.

    HTML

  2. fem-product-preview fem-product-preview Public

    A small Frontend Mentor project using Flexbox. Learned: media query.

    CSS

  3. fem-profile-card fem-profile-card Public

    A small Frontend Mentor challenge using HTML, CSS and CSS Flex-box. A profile card with avatar.

    CSS

  4. fem-result-summary-site fem-result-summary-site Public

    A small Frontend Mentor challenge creating a single card using HTML, CSS and CSS Flexbox.

    CSS

  5. fem-stats-preview-site fem-stats-preview-site Public

    A small Frontend Mentor project using HTML, CSS, and CSS Flex-box.

    CSS

  6. frontend-mentor-qr-code-project frontend-mentor-qr-code-project Public

    QR code project from Frontend Mentor using Flex-box.

    CSS