Primary Tech
Ruby On Rails
Primary Tech
NODEJS
Primary Tech
WordPress
Primary Tech
JavaScript
Primary Tech
PHP
Primary Tech
Ruby on Rails
Primary Tech
Ruby On Rails
Primary Tech
JavaScript
Primary Tech
Ruby on Rails
Primary Tech
Ruby On Rails
Primary Tech
Ruby on Rails
Primary Tech
Flexbox
Moverable is the main piece of my portfolio and a work in progress. It is a For Sale By Owner real estate website that uses electronic locks and scheduling to allow buyers to view a listed house on their own -- when nobody else is there. Moverable is a real estate listing site, which allows the creation of users, listings, comments, appointments, and favorites. It allows for purchases using Stripe. It is fully responsive through BootStrap. It takes advantage of web cameras accessible via computer or phone camera. I implemented search using ThinkingSphinx, and a map display by incorporating the Google Maps API. ActionMailer with SendGrid is used for email notifications, while the Twilio API is used for text (SMS) notifications. Geolocation is implemented using Geocoder. Electronic locks are controlled via the Lockitron API. Images are stored on Amazon AWS. View it here: Moverable
Simple CRUD app to hone my JavaScript skills. Here, users can upload Campgrounds which contain a title, picture, cost per night, and description. Each Campground also contains associated comments. Campgrounds and Comments both have full CRUD. Responsiveness is created by using BootStrap. Other tech involved with the site is: JavaScript, Node.js, EXPRESS, BootStrap(3), HTML, CSS, NPM, and MongoDB.
Custom responsive WordPress theme using Bootstrap, PHP, Font-Awesome, and Google Fonts for international genealogy society site and blog. This is my first use of parallax backgrounds, my first WordPress theme, and my first use of MAMP.
Simple toy to help hone my JavaScript skills. Here, audio samples are triggered on a keypress event. Each audio sample is assigned to a key on the user's keyboard using Char Codes. Triggering of the audio sample is handled by Howler.js. Each key is also assigned its own color value. Paper.js handles scale and hue animations. Responsiveness is created by setting the bounds of the HTML5 canvas element using the width and height of the screen. KeySong was created with vanilla JavaScript, Paper.js, Howler.js, html and css.
Spotify clone. In this project you can use the site to listen to music. In it you can browse individual tracks and albums or create, update and delete personal playlists. It has a fully functional music player with: Next, Back, Play, Pause, Shuffle, and Volume controls. Furthermore, you may rewind or fastforward using each tracks progress bar. For future expansions with it, it would be interesting to see if I could implement a dee-jay like mixer, with looping, beat matching and crossfading – and a record-spinning UX. Here I used: PHP, Javascript, and MySqli for the primary functionality of the site. This required more AJAX, JSON, and MySqli queries than I’ve used before. This was also the first time I’ve investigated something else besides font-awesome for icons, instead, opting for Icon8.
Social networking site with posts, activity tracking, time-line support, custom Devise user authentication, and Gravatars. Also used Simple form, flash messages, and Bootstrap. Completing this exercise required seeding the database and use of polymorphism and self-referential association.
Automated social posting website that allows for real-time and scheduled posting to Twitter and Facebook from one main dashboard. Used Github, Simple Form, Bootstrap, Font-Awesome, Design and WireFraming, User Authentication using Devise with Timezone Support, Flash Messages, Multi-Provider Authentication using Omniauth, Facebook Developers API, Pagination with Will_paginate, Background Jobs.
Simple game to help hone my JavaScript and a user's RGB skills. Upon screen load, a random color is picked as a target, and six circles with colors are drawn (with one of those circles in the color of the target). The user wins by picking the circle with the color that matches the RGB code in the heading. Created with vanilla JavaScript, html and css.
Proof of concept web-scraping site, for potential inclusion in other projects. In this project you can use the site to scrape real estate listings from Craigslist. Here I used: Rails Scaffolding, Github, CommandLine, Nokogiri, Simple Form, Bootstrap, Font-Awesome, Devise User Authentication and Flash messages. This is my first web-scraper. If it was anything more than a learning project, I would have automated the scraping instead of having to "manually" scrape.
Small crowd-funding site that allows users to create projects using a WYSIWYG editor, rewards, and pledge contributions using PayPal's Braintree. Devise user authentication and Bootstrap.
Web site that allows users to create movies, upload images, write reviews and create a star-rating. The site is a simple way of practicing CRUD. Here I created user authentication, reviews, ratings, categories, search with filtering. I also used Bootstrap and wrote with HAML.
Mock layout for booking site. Focus here was on Flexbox, CSS animations, and custom media queries for Responsive Design.