burger

Eat-da-Burger


Technology Used:

Express, Handlebars, Node.js, NPM, MySQL, Javascript, HTML, CSS, Bootstrap

This is a burger logger using MySQL, Node, Express, Handlebars and an ORM. It is designed using the MVC design pattern; it uses Node and MySQL to query and route data, and Handlebars to generate the HTML. Users of the app can create a burger and add it to a database, then devour the burger, which updates the devoured state in the database. After updating the state, the DOM will be updated to display the results on the webpage.

Visit Site

View Code

friend-finder

Friend Finder


Technology Used:

Express, NPM, Node.js, Javascript, HTML, CSS, Bootstrap

FriendFinder is a Seinfeld character matching app. It is a full-stack site that will take in results from user's surveys, then compare their answers with those from other users. The app will then display the name and picture of the user with the best overall match.

Visit Site

View Code

bamazon

Bamazon


Technology Used:

Javascript, Node.js, NPM, MySQL, Inquirer

Bamazon is an Amazon-like storefront using MySQL and Node. The app will take in orders from customers and deplete stock from the store's inventory.

View Code

liri

LIRI Node App


Technology Used:

Javascript, Node.js, NPM, Axios, Moment.js

LIRI is like iPhone's SIRI; however, LIRI is a Language Interpretation and Recognition Interface. This is a command line node app that takes in parameters and gives you back data. LIRI will search Spotify for songs, Bands in Town for concerts, and OMDB for movies.

View Code

doggo

Dog-Go


Technology Used:

FourSquare API, Google Maps API, Tippy.js, jQuery, Javascript, HTML, CSS, Bootstrap

Dog-go is a solution to finding all your dog's needs right nearby: from dog parks to vets to pet stores. Just select your category of choice in the dropdown menu, click "Go Fetch," and you will obtain a list of all the results in a table on the left and a map on the right. To change categories, click on "New Search" in top right corner.

Visit Site

View Code

giphy

Giphy Animals


Technology Used:

AJAX, jQuery, Javascript, HTML, CSS

Visit Site

View Code

trivia

Seinfeld Trivia Game


Technology Used:

jQuery, Javascript, HTML, CSS

Visit Site

View Code

# Crystal Collector
crystals

Crystal Collector Game


Technology Used:

jQuery, Javascript, HTML, CSS

Visit Site

View Code

estates

Estates-to-Date


Technology Used:

Ruby, Sinatra, JavaScript, jQuery, AJAX, Google Maps API, Kimono Labs scraper, Zip Code Distance API, HTML5, CSS3

This was my passion project done during Phase 2 at DBC. I love going to estate sales, but the site that exists for the Dallas area has no functionality, so I wanted to improve on that. We had not learned Rails yet, so this is based on the Sinatra framework, with all the CSS done from scratch.

    Features:

  • When a user signs up or logs in either as a shopper or a lister, they are granted different access levels.
  • Shoppers can see estate sales in their area, view descriptions with a Google map inset of the exact location.
  • Shopper can also "favorite" estate sales by clicking on the star, view their favorites, and remove them.
  • Listers can fill out a new sale form, edit it, publish it, and delete it.

Visit Site

chariteer

Chariteer


Technology Used:

Ruby, Rails, Angular.js, PostgreSQL, HTML5, CSS3

This was our final week group project done at DBC. Four of us created a decoupled app using Angular for the front end and Rails as an API for the back end. Our goal was to connect volunteers with charities in the San Francisco area.

    Features:

  • Volunteers can search for volunteer opportunities by category or by a key word search.
  • Charities can list events with all the pertinent details.

View "Client-Side" Code

View "Rails API" Code

backbone.js

Marisa's Pieces


Technology Used:

Backbone.js, HTML5, CSS3

This project's assignment, done in phase 3 at DBC, was to choose a new technology, and in about 4 days, learn it and create a project with it. I chose to learn Backbone.js, which we then had to create a 10-minute screencast explaining our project and code. This is a simple gallery displaying some of my glass pieces and descriptions.

View Code

connect4

Connect Four


Technology Used:

Javascript, HTML5, CSS3

We were given 2 days to do this group project, in which we used Javascript to recreate the classic Connect Four game. It detects wins both horizontally and vertically, and originally had a timer counting down time remaining to take a turn.

View Code

larken

Larken Farms Orchard


Technology Used:

Ruby on Rails, Paperclip gem, ActiveMailer, Javascript, HTML5, CSS3

This is a completed site for a client who has a peach orchard in Waxahachie, TX, and sells to both major grocery stores and the general public. Since they grow more than just peaches, I made a produce "catalogue" under "In Season Now," where the admin can upload photos and descriptions of produce in season at the moment. The main focus of this project was making it easy for the admin to change and update things on their own, which was a helpful learning experience for me. Other functions are listed below:

    Admin functions:

  • upload photos and captions to the photo gallery
  • upload produce that's In Season Now along with an image and description
  • post updates on the home page with the date of post updated automatically / update hours in the "Hours" box
  • view list of other admins, update passwords, add admins

  • Users:

  • can see a "catalogue" of produce that is in season now
  • can see a mapped location of the orchard and click to get directions.
  • can submit questions via the contact form
  • can subscribe to the company's mailing list

Visit Site

View Code

stephen

Stephen's Tutoring Services


Technology Used:

Ruby on Rails, HTML5, CSS3

This is a site I did for my brother, who has been tutoring high school students before he goes off to medical school. Students can sign up, edit their profile, and book a session. Users can also leave feedback, read about Stephen, and see what courses he tutors. As an admin, Stephen can see a list of all students and their email addresses, making it easy for him to contact one or all of them.

Visit Site

View Code