Site of Interactions

(Sophomore Year Final Project)

Coded with HTML, CSS & JavaScript

 

My final assignment for my Core Interaction class in my last semester of Sophomore year. 

I had to code, design and create a website that contained a collection of elements that I considered personal. I created a website of interactions upon hover as interactions have always been an interest of mine. 

Another aspect of this project was having to create various categories that arranged the collection differently. I categorised my interactions by factors such as the speed of their animations to their motions​

An aspect of this project that was especially important was that it should be a collection that people can add onto. There is a 'submit' page for people to add to the collection by submitting CSS for the interaction they want added to this collection. This page was only created for design purposes and the submit button does not actually function.

All the webpages in this website have been coded using HTML, CSS and JavaScript.

The site has been coded dynamically to be viewed on all screen sizes, including mobile.

A dynamic page

Laptop

Screenshot 2019-06-30 at 2.24.49 PM.png

iPad Pro

Screenshot 2019-06-30 at 2.25.08 PM.png

iPhone X

Screenshot 2019-06-30 at 2.24.30 PM.png