Mikkel Ridley

Front End Web DevHTML, CSS, JS, Ruby, Python, CReact, Express, Node.js, Django
01

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

  • mikkel250's DEV Profile
Download CVCheck out my Github
02

Skills

MERN Stack

My main expertise is working with a stack that uses Javascript at all layers: MongoDB, Express, React, Node (MERN).

Python/Django, and Ruby/Rails

Two other languages I really enjoy are Python and Ruby. I have experience with 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

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

Wordpress

Want a site where you can easily post content or update yourself? WordPress is a great option.

HTML5, CSS3

The basics of web development?

Check.

75
JavaScript

Express, React, Node.JS

10
Python

Django

10
Ruby

Rails

5
Databases

SQL, MongoDB (Mongoose), GraphQL, Firebase

03

Education

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

04

Portfolio

      1

      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
      2

      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
      3

      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
      4

      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
      5

      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
      6

      JavaScript Exercises

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

      Go to GitHub
      7

      Simple BlackJack

      Ruby

      A simple blackjack game built using Ruby.

      Go to GitHub

      Focused, hard work is the real key to success. Keep your eyes on the goal, and just keep taking the next step towards completing it. If you aren’t sure which way to do something, do it both ways and see which works better.

      John Carmack - Google Inc
      05

      Blog

      Hello, World!Posted by mikkel250 | 26 September 2019

      My first post So, I recently saw a suggestion from someone I follow on Twitter that posting quick little blog posts about what you are...

      My cat, Rambo, being 'hooked'
      React Hooks: useStatePosted by mikkel250 | 26 September 2019

      Normal react code would use a class component and use this.setState to manage the state. Hooks is a way to write functional components but use...

      a photo with an effect
      React hook: useEffectPosted by mikkel250 | 27 September 2019

      useEffect allows you to fire side effects in functional components. It acts much like componentDidMount, but it will fire any time the component re-renders unless...

      Everything you’ve ever wanted is on the other side of fear. 

      George Addair
      06

      Contact

      (415) 890 2735
      San Francisco, CA
      mikkel250@gmail.com
      *Please complete all fields correctly