Carry

Gowtham (Gauti) Selvaraj's Portfolio - Carry - front-end Developer

HTML5 CSS3 SCSS JavaScript CoffeeScript jQuery

Carry is an online peer-to-peer community that connects people who want to ship with travelers who can carry the packages for them. This process allows packages to be shipped to more places than ever before, on a moment’s notice, with unprecedented communication and tracking. Travelers benefit by having the opportunity to earn money for their trip, or even travel for free when they carry larger packages or multiple items.

Stuffs used and my part

I was Carry's lead front-end web developer for it's initial 6 months. I have setup Carry's front-end workflow & foundation. Being a big fan of SCSS and CoffeeScript, I have used these two as preprocessors for CSS and JavaScript. Autoprefixer to automatically add vendor prefixes for css properties has also been used to improve code quality and productivity. Apart from setup, I have converted all of Carry's designs to responsive front-end code which is optimized for all devices & screen sizes and wrote JavaScript modules for ajax forms/filters, maps, carousel, image upload, form validation, autocomplete and datepicker.

Landing page - Desktop view

Nothing fancy, a CSS3 responsive page which helps users to know about Carry and to go to their proper destination

Landing page - Mobile view

Nothing fancy, a CSS3 responsive page which helps users to know about Carry and to go to their proper destination

Search page filters

Search filters, on changing any value triggers an ajax call and shows the new result using JsRender and Jquery Paginaiton

Travelers home - Desktop view

This is the home page for travelers, this list shows top traveled destination via owl carousel and some recommended offers using JsRender

Travelers home - Mobile view

This is the home page for travelers, this list shows top traveled destination via owl carousel and some recommended offers using JsRender

Create shipment form - Desktop view

Responsive shipment form with form validations via custom module, ajax image upload via DropzoneJS

Create shipment form - Mobile view

Responsive shipment form with form validations via custom module, ajax image upload via DropzoneJS

Signup form - Desktop view

Responsive signup form with form validations via custom module and facebook signin

Signup form - Mobile view

Responsive signup form with form validations via custom module and facebook signin

Shipment details - Desktop view

Clean responsive grid layout of carry's shipment

Shipment details - Mobile view

Clean responsive grid layout of carry's shipment

Messages - Desktop view

Messages - Mobile view