Jabari Holder

Portfolio

OurList

Engineering, Web Design
Oct 17th, 2014

OurList is a mobile-first website used to add property / flat listings and budget information. It features a drag-and-drop interface for sorting, auto form population after adding a url, ajax, basic crud and google maps search integration.

I will most likely complete, package and document this project and make it available for free to download.

Purpose & AI

Data Input

An issue with data-input on mobile devices is the rate of entry compared to a traditional keyboards because of its form factor.  To circumvent this issue, when a Home is added, once the URL is entered the website is checked via AJAX and it automatically populates the other fields (Name, Location, Closest Station, etc…).

Reason

Initially I would list things online using an XML / XSLT based web application which boasted a responsive design; however, as a gift to someone deer to me who constantly uses mobile devices, I developed a more powerful application built from scratch.

Technology & Tools

This project branched into many varying aspects of modern web development technologies and a few tools to aid in greater productivity.

  • HTML5
  • CSS3 (SASS / LESS)
  • jQuery
  • Responsive
  • Mobile
  • UX / UI
  • PHP
  • MySQL
  • Photoshop
  • Adobe Photoshop
  • SublimeText 3
Our List Online Page
Our List Online Page
Options drop-down menu
Options drop-down menu
<strong>Add home</strong> - Once the URL is pasted in, it will automatically populate the other fields via AJAX to an algorithm I built that sniffs the website of the URL.
Add home - Once the URL is pasted in, it will automatically populate the other fields via AJAX to an algorithm I built that sniffs the website of the URL.
<strong>Budget information</strong> - Editable budget as it's a necessary step in planning.
Budget information - Editable budget as it's a necessary step in planning.
Quick search links for popular websites
Quick search links for popular websites