Front End Developer

Joelle Johnson

MadMovies

preview of the Mad Movies website with a row of recommended movie posters

MadMovies is a movie information database website designed in Adobe XD and built with HTML, CSS and jQuery, utilizing the Sammy.js framework to build the site as a single page web application. Site content is drawn from a MySQL database using SQL commands and PHP.

  • HTML
  • CSS
  • JS

Blackjack

preview of the Mad Movies website with a row of recommended movie posters

Blackjack is a fun little experiment I did trying to code a simplified, single player version of blackjack using JavaScript. The cards were designed in Adobe XD and are created dynamically.

  • HTML
  • CSS
  • JS

Easy Groceries

preview of the Easy Groceries home page

An eCommerce website designed in Adobe XD and built with HTML, CSS and jQuery, utilizing the Sammy.js framework to build the site as a single page web application. Site content is drawn from a MySQL database using SQL commands and PHP. This project was completed for my final year at Durham College.

  • HTML
  • CSS
  • jQuery
  • MySQL
  • PHP

Orbot

preview of the Mad Movies website with a row of recommended movie posters

The Orbot is a digital pet designed in Adobe Illustrator and animated using JavaScript and GSAP.

  • HTML
  • CSS
  • JS

Lightning Animation

preview of the Mad Movies website with a row of recommended movie posters

An HTML Canvas animation created for a website that I built for the company's website, which advertised their new mobile app.

  • HTML
  • CSS
  • JS

I grew up loving the stars, and telling every adult that asked about what I wanted to do in the future, "No, you're thinking of an astronaut, I want to be an astronomer. They don't go into space." My mom would smile at me slightly confused and off-handedly say I would change my mind when I got older. I did. I said I wanted to be an aerospace engineer and send people to space instead.

I still love the stars, but Aerospace Engineering requires a lot of math, and four years of Mechanical Engineering showed me that math does not love me back.

I'm someone who made miniature choose-your-own-adventure text games in Matlab for fun after finishing assignments in class. So it wasn't difficult to turn away from my love of space to find my other loves instead: computers and art. And what is web design & development but the blending of technology and artistic expression?

That's how I got here. That's why I do this. Because for all the moments that see me banging my head against my desk, there is a simple, uncomplicated joy in using code to make something beautiful. So if you want to know who I am, that's my answer: a lover of art and space who got rejected by math and found a home in code.

End