Mikkel Ridley

Front End Web DevHTML, CSS, JS, ShopifyRuby, Python, C

About Me

Hello, World!

I’m a Front End Web Developer from San Francisco, California.

Name: Mikkel Ridley
Email: mikkel250@gmail.com
Phone: (415) 890-2735
Nationality: United States

Download CV Current work

Skills

HTML5, CSS3, JavaScript (ES6+)

My main area of expertise. With modern advancements in all three, there is far less need to use a framework unless a specific design pattern or goal is trying to be accomplished.

CMS: Shopify, WordPress

I’ve set up multiple Shopify stores in my current role, including a staging to production pipeline so new features can be tested and developed without affecting the live store, and deployed to production with no interruption of service.

Python/Django, and Ruby/Rails

Two other languages I really enjoy are Python and Ruby. I studied these as I was learning web development, including some of the web frameworks that are built with them: Django, and Rails.

Databases and API's

I can work with API’s to fetch data, as well as with backend (or cloud hosted) databases such as SQL, MongoDB, Firebase, and GraphQL to perform CRUD operations.

UX/UI and Tech Support

Five years of Tech Support experience gives me excellent insight into common problems and solutions for a better user experience.

MERN Stack

I studied this when learning web development, have the basics down, and should be able to exponentially expand my abilities given the opportunity to spend more time working in this stack.

Experience

Frontend Web Developer

Kul, Inc. | qulcbd.com

Fully Remote

May 2020 – Present

I wear many hats as half of the development team for a small, lean startup.

Work with the Shopify platform on an ecommerce site in the health and beauty space.

Own all frontend code, and all phases of Software Development Life Cycle (currently using Kanban).

Build and modify site using a combination of page builders, Shopify’s theme editor, and custom coded pages using HTML, CSS, Shopify Liquid, and JavaScript.

Install and work with 3rd party Shopify apps to enhance the site with advertising, reviews, coupons, lead generation, etc.

Set up a development, testing and deployment pipeline from scratch using a combination of Git (Bitbucket), ThemeKit, and 2 Shopify Plus stores (one each for staging and production).

Collaborate with multiple stakeholders in gathering requirements within and outside the organization using the Jira and/or Trello Kanban ticketing system to create attractive and functional pages based on designs or desired behavior (e.g. clients, users, designers, marketing, C-suite, 3rd parties/vendors) and implementing a pixel-perfect look and feel.

Spearheaded rebranding the retail ecommerce site from Kul to QÚL, which involved building a second shop, transferring over all relevant data, adjusting all the copy, logos, and photos, as well as adding a number of new pages for the incoming rewards system.

Build the user-facing parts of a new rewards system designed to attract users and increase sales, including building the dashboard on the 3rd party site using a combination of HTML, CSS, Javascript, a few chart libraries (mainly c3), and features of the external platform (Xflow) including conditional logic similar to JSX inserted into the HTML, and incorporating widgets.

Education

August 2019Hyperion Development Full Stack Web Developer Program

Bootcamp

Web Development program at Hyperion Development

2006Humboldt State University

Bachelor's of Arts

Art History – Contemporary Theory and Criticism emphasis

Studio Art – Ceramics emphasis

I learned that courage was not the absence of fear, but the triumph over it. The brave man is not he who does not feel afraid, but he who conquers that fear.

-Nelson Mandela

Portfolio

Ecommerce site (clothing store)

A REACT project that integrates redux and uses Firebase for the backend

This project is written in REACT, with Redux handling (some of the) state, and Firebase is used to store site data and for user authentication.

The Stripe library is integrated for (mock) payments, and it is hosted on Heroku.

See it on Heroku

Face Recognition app

A full stack app with Node.Js on the backend, React on the frontend, and PostgreSQL for the database.

A React app that uses the Clarifai API to detect faces in user-input images and draw a box around it, keep track of successful user submissions, and display them on the homepage. It utilizes Node.Js for the backend, and PostgreSQL for the database to store and verify user credentials.

See it on Heroku

Demo online store

Bootstrap 4, vanilla JavaScript

This is a demonstration online store featuring ceramics I made myself.

It was created with a responsive-first philosophy using Bootstrap 4 for the layout.

It features a pseudo cart and checkout system created using browser storage (session/local storage) and vanilla Javascript to manipulate the DOM and populate the cart and checkout pages with the data stored in browser storage.

Go To Store

JavaScript Calculator

HTML, CSS, JavaScript

This is a calculator built with pure HTML, CSS, and vanilla Javascript.

All content was laid out using HTML and CSS to style the elements.

All of the math is calculated using JavaScript and the DOM is used to collect from, and display data on the calculator.

Go to Calculator

Etch-a-Sketch

DOM Manipulation with vanilla JavaScript

This is a virtual etch-a-sketch that will fill a white grid with black as the mouse is dragged over it (desktop only – it is not configured for touchscreen devices).

It shows off DOM manipulation using vanilla JavaScript.

Go to Etch-a-Sketch

JavaScript Exercises

A collection of little JavaScript coding challenges that can be viewed on GitHub.

Go to GitHub

Simple BlackJack

Ruby

A simple blackjack game built using Ruby.

Go to GitHub