The main idea behind this project was to be given a design and attemp to create a static site which is as close as possible to the original. This exercise was also a good introduction on using tools like Fontface Ninja and ColorZilla

This exercise was a quick run through the Chrome Dev Tools including the tabs for elements, resources, and console. The screenshot had me go through the elements and edit the styles to see which classes are connected with another.

This is a project introducing the idea behind click handlers in jQuery and animation. The process involved learning how images are loaded along with how styles can be included and hidden until Javascript includes the images.

This shopping list project is an example of creating a basic todo list. I used a site to pick out the color combinations I included and the process involved appending and removing nodes in the app for the list.

The design and the initial html was provided for this project to allow students to focus solely on the logic behind the game. I've created a similar game through Sinatra before and the logic I used was very similar to that. Variables for the secret number and the guessing count was initialized in the beginning. A submit function handled called differention functions to check which feedback to use and to increase the count. A new game button restarts the process when clicked or when the maximum of allowed guesses is reached.

I started this app by creating all the html forms and buttons for the quiz. I first used jQuery to create a submit handler for each question and show the separate styles. Once the app worked, I migrated the questions into Javascript objects and worked towards making the functions reusable. In this case, adding questions to the array would be the only requirement to expand on the app. Also, I used Pixlr to shrink the images from Unsplash so that they would be more web friendly.

Initially, I wanted an app that would pull data from a weather api and show which cities had the same weather. The rabbit hole ended up taking me through the Koppen climate classfication and how difficult a simple idea could be. I eventually used Google maps and added a geocoder layer for the input and a weather layer from the Open Weather Map API. This project was very helpful in showing me how powerful an API could be especially when they are designed for extensibility with other API's.

This was my very first Rails app. I followed the video course at Treebook to start out this project. It helped me with creating users throught the Devise gem, statuses, albums and pictures. Later on, I added static pages, a jekyll-like blog, admin interface, and OmniAuth authenticaton. The test suite was initially written using Minitest but I migrated to Rspec to learn how to write tests on my own and to gain familiarity with both frameworks. Also, the repo can be found here.

This project solidified the basics of CRUD applications and Rails conventions for me. While I was a complete beginner with the Treebook application, I become more comfortable working through all the parts of Rails in this one. It touched on similar subjects but also different enough with the choice of gems, like Carrierwave versus Paperclip, that it was enough to stretch my learning process. Also, by showing how the app could be created quickly using generators and scaffold, this tutorial showed how productive a good Rails developer could be once they know what assumptions Rails makes. The repo can be also be found here along with other tutorials that I've worked through.

This project started from one of BaseRails' courses. Like Michael Hartl's book, this app also uses the Carriewwave gem to handle image uploads while using an Amazon S3 bucket to host them afterwards. There is an embedded Google map for each restaurant page; all the details about the query is located in the iframe along with its size on the page. The search functionality is based on elasticsearch with the searchkick gem. The repo can be found here.

This project also started from on of BaseRails' courses. I've developed most of its features before like authentication through devise and image uploading through paperclip, while introducing new concepts like image hosting through Dropbox and a payment system using Stripe. The repo can be found here.