Fansí Schmansí is a demonstration of CSS, SASS, Object Oriented and Functional JS Programming on a fictional restaurant website. This was an exercise in responsive font-end web development, UI design, and Google Maps API integration. Vanilla JS was used in order to prevent the reliance of libraries and frameworks.
HTML5 / CSS3 / SASS / JS
Syzygy is a web app that joins productivity and relaxation into one simple UI. The app displays a 12-hour clock on non-mobile displays, an editable todo-list, and an audio control interface that interacts with the Soundcloud API. Background photos change according to the currently selected sound. Creating this app required extensive functional programming. I built the functionality of Syzygy using Vanilla JS in order to better acquaint myself with the ins-and-outs of the language in its purest form. I use Syzygy everyday, and it has become my favorite project as a result.
HTML5 / CSS3 / JS
Film Scope is a web app where users can search for film details by title. The app accesses the OMDB API and returns matching responses as an array of movie objects. Details such as the plot, writer/director, and cast are returned as well in an easy to read UI. Creating Film Scope was an exercise in API accessibility.
HTML5 / CSS3 / BOOTSTRAP / JS / JQUERY
Roman Numeral Convertor is a simple web app that does what the name says. It was developed using Vanilla JavaScript, CSS, and SASS.
HTML5 / CSS3 / SASS / JS
Dum Drum is a simple JavaScript Drum Kit developed using Vanilla JavaScript and simple DOM manipulation.
HTML5 / CSS3 / JS
Creating this portfolio was an exercise in both web design and responsive web development. A simple, minimal UI with pops of colorful gradients in which I will continue to post projects. If you'd like to reach me for more info, contact me. I respond quickly.
HTML5 / CSS3 / SASS / JS
T e t r i s
See the Pen Tetris by Deborah Thornton (@debthornton) on CodePen.
Tetris has always been one of my favorite games to play, but it's now become my favorite game to code! This app was coded using Vanilla JavaScript, as it was my first exposure to more complex functional programming. The most challenging aspect of building this app was maintaining the boundary between the shifting/rotating pieces and the game's outer frame. I've learned a lot in the process and was able to deliver this app as the finished product. Hit the "Run Pen" button to give it a shot.